Difference between revisions of "Team:HFLS H2Z Hangzhou"
Matt Gerrard (Talk | contribs) |
Matt Gerrard (Talk | contribs) |
||
| Line 75: | Line 75: | ||
<div class="isocity"></div> | <div class="isocity"></div> | ||
<div class="main-effect"></div> | <div class="main-effect"></div> | ||
| − | <div class="vcenter"> | + | <div class="vcenter" style="line-height: 1;"> |
| − | <span> | + | <span>Hangzhou</span><br> |
| + | <span>HFLS<span class="blue">&</span>H2Z</span> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 91: | Line 92: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="block" style="background: rgba(250, 250, 250, 1);"> | + | <!-- <div class="block" style="background: rgba(250, 250, 250, 1);"> |
<div class="title">Members</div> | <div class="title">Members</div> | ||
<div class="pad member-box" style="text-align: center;"></div> | <div class="pad member-box" style="text-align: center;"></div> | ||
| + | </div> --> | ||
| + | <div class="block" style="background: rgba(250, 250, 250, 1);"> | ||
| + | <button class="ui black button learn-more-btn" style="height: 5rem; width: 15rem; font-size: 1.5rem;">Learn more</button> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 104: | Line 108: | ||
var iso = Isocity(main.find(".isocity")); | var iso = Isocity(main.find(".isocity")); | ||
| − | |||
setTimeout(iso.gen, 0); | setTimeout(iso.gen, 0); | ||
| Line 123: | Line 126: | ||
} | } | ||
| − | main.find(".member-box").append(genMember("/img/elliot.jpg", "Canal", "Beautiful")); | + | main.find(".learn-more-btn").click(function () { |
| − | main.find(".member-box").append(genMember("/img/matt.jpg", "Sam", "Gorgeous")); | + | Aquamade.menu.toggle(); |
| − | main.find(".member-box").append(genMember("/img/stevie.jpg", "Daniel", "Cool")); | + | }); |
| + | |||
| + | // main.find(".member-box").append(genMember("/img/elliot.jpg", "Canal", "Beautiful")); | ||
| + | // main.find(".member-box").append(genMember("/img/matt.jpg", "Sam", "Gorgeous")); | ||
| + | // main.find(".member-box").append(genMember("/img/stevie.jpg", "Daniel", "Cool")); | ||
}); | }); | ||
</script> | </script> | ||
</html> | </html> | ||
Revision as of 04:56, 24 June 2017
Template loop detected: Template:HFLS H2Z Hangzhou<!DOCTYPE html>
Hangzhou
HFLS&H2Z
HFLS&H2Z
What do we do
Physijs brings a very easy to use interface to the three.js framework. One of the reasons three.js is so popular is because it is so incredibly easy for graphics newbies to get into 3D programming. Physijs takes that philosophy to heart and makes physics simulations just as easy to run. In fact, there are just five easy steps that must be taken to make a 3D scene come alive.
How does Physijs work?
Physijs is built on top of ammo.js (although there is also a cannon.js branch) and runs the physics simulation in a separate thread (via web worker) to avoid impacting in your application's performance and taking up your 3D rendering time.
A lot of effort has been made to keep the style of code the same when using Physijs. Apart from updating an object's position, all of the normal three.js conventions remain the same. If you are used to three.js, you already know how to use the Physijs plugin.
How does Physijs work?
Physijs is built on top of ammo.js (although there is also a cannon.js branch) and runs the physics simulation in a separate thread (via web worker) to avoid impacting in your application's performance and taking up your 3D rendering time.
A lot of effort has been made to keep the style of code the same when using Physijs. Apart from updating an object's position, all of the normal three.js conventions remain the same. If you are used to three.js, you already know how to use the Physijs plugin.
