Animate Scene from Scroll Position EZPZ

Pryme8 · October 25, 2019, 1:32pm

I can make it possible!

@labris after looking at the website it looks like you could accomplish this with the down scroll still and just animating your scene to the left or right. Not really sure how they did theirs but its nice, I don’t like how you cant see the scrollbar though! I am trying to get the 3d website up and running here soon that uses it and maybe that will make more sense than on how to do it with scrolls. You would basically just do a fixed div over a body of a set height to accomplish this effect with scrolls.

If you really need the horizontal tracking though for some purpose I can add that.

@labris is this what you were talking about:
https://pryme8.github.io/scrolls.js/examples/bjs-example-2.html

github.com

Pryme8/scrolls.js/blob/master/docs/examples/bjs-example-2.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>scroll.js - Babylon JS Example 2</title>
  <meta name="description" content="scroll.js - Basic Example">
  <meta name="author" content="Pryme8">
  <style>
	html, body {
	  min-height: 100%;
	  padding: 0;
	  margin: 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}

	body *, body *:before, body *:after {
	  -webkit-box-sizing: inherit;
	  box-sizing: inherit;
	}

This file has been truncated. show original

Or are you looking for specifically horizontal scroll support?

Topic		Replies	Views
Scroll navigation Questions	8	825	December 24, 2021
Website with Babylon animation on scroll Demos and projects	16	1965	February 28, 2022
Two small libraries to work with camera Demos and projects animation , camera , library , behavior	1	470	February 24, 2023
Product long scrolling page Demos and projects	17	1098	December 4, 2020
3dev.io website Demos and projects	26	1755	February 3, 2023

Animate Scene from Scroll Position EZPZ

Related topics