Started with ZSpheres on this one.
-
Latest Posts
-
Categories
- Art (7)
- Code (4)
- Graphic Design (1)
- Sketches (2)
Yesterday I shot a panorama at my desk at work with the Photosnyth app, then converted it to a cubemap and brought it into Three.js with Paul Lewis’s tutorial and Blender file, and kept the refractive and the reflective materials in place from the Three.js GitHub repo’s cubemap example, but replaced the model with Lee Perry Smith and added the Orbit camera controls.
Custom Three.js boilerplate with Lee Perry Smith JSON model, tween.js, dat.gui, and orbit controls.
Also testing out an iframe embed method below.
Testing out Chris Bavota’s Syntax Highlighter Shortcode using Prism.js
<ul class="nav">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text.</a></li>
</ul>
body {
background: #ff0000;
color: #fff;
}
$(".scroll").click(function(e){
e.preventDefault();
var offset = $($(this).attr('href')).offset().top;
$('html, body').animate( { scrollTop: offset }, 800 );
});
$(".scroll").click(function(e){
e.preventDefault();
var offset = $($(this).attr('href')).offset().top;
$('html, body').animate( { scrollTop: offset }, 800 );
});
<ul class="nav">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text. Long line of text.</a></li>
</ul>
p { color: red }
$(".scroll").click(function(e){
e.preventDefault();
var offset = $($(this).attr('href')).offset().top;
$('html, body').animate( { scrollTop: offset }, 800 );
});
I painted this with oil paint on 24″ x 30″ canvas.
It’s based on idea I had for an animation where a wizard is trying to teach a kid how to make fire with his hand.