Giter VIP home page Giter VIP logo

photographic-cues's People

Contributors

mickeyvanolst avatar

Watchers

 avatar  avatar  avatar

photographic-cues's Issues

Free camera interaction

  • Create basic plane with scattered objects that can be hit with raycast
  • Connect camera orientation to mouse position with some easing
  • Calculate location of where you click on the floor
  • Animate camera to position where you click

Water elevation based on climate data

We'll need to have a playback for the elevation data and stick that into the lake height somehow in a way that kind of works. Potentially show the month/year of the current value that is used.

Water surface

Visual look

An abstracted version of water that works with reflection. Keep in mind, its a lake and not a sea, though it would be good if we find something versatile enough that we can make it feel a bit more intense sometimes, or at least not totally the same all the time

https://cables.gl/p/95rUpS
https://cables.gl/p/HBSNAS
https://vimeo.com/11708218

image

  • Various tests and experiments, can be a mix of existing and new patches
  • An input method for basic interactivity that can be driven by the position of a camera (ie. a position with a velocity vector), or by a texture (camera input as optical flow for example) the interactive element can also be treated as a separate layer that we only make visible when it makes sense for the camera.

Cursor currently hidden by landing page black rectangles

I tried a quick fix for this by drawing the cursor as a 2D circle after the rectangles, this works fine, but then later in the scene at the edge of the water you can see a jump, not sure why thats different with this method. I left it the way it currently is for now.

Intro

  • Pick a location on the landscape scene that feels right
  • Place camera on a spline track
  • Place floating text snippets along the route
  • Create interaction learning moment that cannot be skipped (wait for Mickey to provide interaction function, use just a raycast onto an object for now)
  • Camera cropping on top and bottom for cinematic effect
  • Smooth transition into free mode once you completed the intro and arrived on top of the lake

Climate data

  • Get precipitation data for Loch Morar, or get predictions of the future
  • Parse climate data in a way that you can scrub it and easily hook it up to a parameter

make HIGH / LOW res option at start

Well need some icon to toggle the high/low res version

and a more prominent way for people to make a choice at landing. Feel free to delete my HIGH LOW buttons.

Landscape

  • Get elevation map for Loch Morar (Mickey)
  • Mock-up environment in C4D
  • Include trail
  • Basic trees (and rocks?)
  • Export and setup in Cables

As mentioned, the landscape can just be a small section of the existing lake, basically we take a rectangular chunk of it and consider that to be our world.

Landscape styling/rendering

For now we use this video as an example

https://vimeo.com/108393262

Bear in mind that the overall visual style isn't quite defined yet with Kizzie, so we shouldn't invest too much time in this since we already have a pretty good example through this video.

Floating images

Low-effort image props

  • scatter 20-30 props randomly in the lake
  • let's go with a very basic grid that fluctuates as if its a piece of paper floating just under the surface for now. Then we can also easily instance it and offset its points slightly different for each.

image

image (3)

Image submerged => holding in front of you animation

This can be a separate patch with just one single item with an orbit cam, we can consider the previous item as our simple low-res approach which you see from afar.

  • for now a basic slider that determines how much an image is "decomposed" basically we need to find a nice way to animate the image from its deactive to its active state. By letting the image be more or less raffled. For instance we could instance a low res version of the image and instance little pixel sized blocks that animate together like this image.

image (4)

A selection of images can be found in the Google Drive.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.