Grow3.js Starter Pen

Developer
Keegan Brown
Size
2,344 Kb
Views
12,144
  1. Grow3.js Starter Pen Previews
  2. Grow3.js Starter Pen HTML Codes
  3. Grow3.js Starter Pen CSS Codes
  4. Grow3.js Starter Pen JS Codes

How do I make an grow3.js starter pen?

What is a grow3.js starter pen? How do you make a grow3.js starter pen? This script and codes were developed by Keegan Brown on 16 October 2022, Sunday.

Grow3.js Starter Pen Previews
IQ Test

Grow3.js Starter Pen - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Grow3.js Starter Pen</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ body, html { margin: 0; overflow: hidden; width:100%; height:100%; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <script src="http://grow3.zyxxy.de/js/lib/three.min.js"></script>
<script src="http://grow3.zyxxy.de/js/lib/Detector.js"></script>
<script src="http://grow3.zyxxy.de/js/lib/TrackballControls.js"></script>
<script src="http://grow3.zyxxy.de/js/lib/THREEx.FullScreen.js"></script>
<script src="http://grow3.zyxxy.de/js/lib/THREEx.WindowResize.js"></script>
<script src="http://grow3.zyxxy.de/js/lib/helvetiker_regular.typeface.js"></script>
<script src="http://grow3.zyxxy.de/js/grow3.min.js"></script> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Grow3.js Starter Pen - Script Codes CSS Codes

body, html { margin: 0; overflow: hidden; width:100%; height:100%; }

Grow3.js Starter Pen - Script Codes JS Codes

source = function (grow3) { with (grow3) { var shrink = 0.996; var mat = new THREE.MeshLambertMaterial({color: 0xeeeeee, specular: 0xffffff}); background(0xffffff); maxDepth(1000); rules({ start: function() { camera(move(15).yaw(-45).pitch(-70)); for (var x=0; x<10; x++) { material(mat).r(rZ(x*36)); } }, r: [ function () { forward(); }, function () { turn(); }, function () { turn2(); }, function () { turn3(); }, function () { turn4(); } ], forward: function() { if (depth%60 == 0) { r(); } else { dbox(); rZ(2).rY(3).rX(4).move(0.1).scale(shrink).forward(); } }, turn: function() { if (depth%60 == 0) { r(); } else { dbox(); rZ(2).rY(-3).rX(4).move(0.1).scale(shrink).turn(); } }, turn2: function() { if (depth%60 == 0) { r(); } else { dbox(); rZ(-2).rY(3).rX(4).move(0.1).scale(shrink).turn2(); } }, turn3: function() { if (depth%60 == 0) { r(); } else { dbox(); rZ(2).rY(3).rX(-4).move(0.1).scale(shrink).turn3(); } }, turn4: function() { if (depth%60 == 0) { r(); } else { dbox(); rY(-2).move(0.1).scale(shrink).turn4(); } }, dbox: function() { cube(scale(0.2, 1, 1)); } }); }
};
document.title = (name || "") + " - grow3.js"
window.onload = function() { var runner = new grow3.Runner(document.body); runner.run(source);
};
Grow3.js Starter Pen - Script Codes
Grow3.js Starter Pen - Script Codes
Home Page Home
Developer Keegan Brown
Username keeganbrown
Uploaded October 16, 2022
Rating 3
Size 2,344 Kb
Views 12,144
Do you need developer help for Grow3.js Starter Pen?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Keegan Brown (keeganbrown) Script Codes
Name
Paint drips up the wall, sometimes.
Parallaxy Background images
Trying out GSAP 1.19
GreenSock SplitText Contest Entry
Lava Tiles
Brute Force Random Traveling Salesman solver
Meteor Shower
Particles with GSAP and SketchJS
Particles, Particles, Particles -- 3
OnHover Flipping Tiles
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!