Log

View Options

CSS/JS 3D Cube

9/2/16
I have been experimenting with 3D CSS based cubes and recently began writing a JS constructor for making such objects. The cube below reacts to simple click and drag for rotation. Give it a try. I will be adding the JS, CSS, and examples to my development page soon.
Your browser window is to small to view this content

Check out these examples.

Bouncing cubes
Cube as a menu


Cyber Monkey 3D

5/3/14
3D model being built

I have been wanting to make a 3D head model of the Cyber Monkey that is the mascot for my company. Though I haven't used Blender 3D in a couple months, once I got started it all came back to me pretty quick. Originally I was planning on using the default Blender monkey (yes they have a default monkey head) as a template for mine. Then after playing around with the structure of it, I realized the proportions of the default monkey were so different than that of the Cyber Monkey I decided to start from scratch.

Using a total of six UV spheres (ears, eyes, nose, head), two cubes, and two cylinders (eye piece), I was able to bend, shape, and mold a pretty good monkey. Making good use of proportional editing techniques I was able to save a great deal of time, especially in shaping the jaw and small hairs on the head. Also, I used some Blender modifiers on my objects to make them much smoother. All of the UV spheres got a subdivision surface (x2) modifier.

The next phase of the plan is to experiment with JSC3D or PaperVision 3D and add a nice 3D interactive monkey to CyberMonkeyDev.com. Okay, it turns out JSC3D is really simple to set up with a 3D .obj file. Easier than PaperVision even. Though, if you notice, the right ear is flipped backwards. I'm guessing this has something to do with the fact that the ear was a duplicated object. It would be interesting to compair how the two face off on larger files.


Press left mouse button (LMB) and drag to rotate. Hold Ctrl+LMB to move. Hold Shift+LMB to zoom.
Your browser window is to small to view the 3D preview



Making a Simple House with Blender 3D

12/25/12
I present a Blender tutorial on how to make a simple house and yard area. This is in two parts. The first covering the basics of setting up your house. The second goes into creating the yard and adding textures to your house.

Part 1


Part 2


For the build files and example package, click here.

Making Mountains with Blender 3D

12/5/12
3d rendered mountains

A couple months back I started to learn Blender 3D and in an older post I said that I would make a tutorial on how to make some nice looking mountains in Blender. This is my first time making a video tutorial but with all of the free tools on Linux it was actually quite simple.

For this tutorial I am using Blender 3D and GIMP to edit my image files. The demo was recorded using recordMyDesktop the video was edited using Open Shot and the audio was recorded and edited with Audacity

Click here for the example package.

My Own City - Part 2

8/19/12

Well, I said I would end up expanding on the Blender 3D city I had started making earlier. Indeed I have spent the majority of my day tinkering around with it!

I have added some texture mapping to the grassy terrain, not to mention a couple more buildings, roads, and more. Anyways, take a look!
Click for larger image.
3D model of city block

I will soon be sharing my special technique to get really nice textures for mountains. So stay tuned!


My Own City (In Blender 3D)

8/5/12

For the past couple months I have been working with Blender 3D mostly doing cityscapes. I have had some free time recently and started making my own fancy hotel building at home, then I added a pub, then a car lot, then two days later I have most of a city block. Anyways, I wanted to share what I have started. Click the image for the large scale version.

3D model of city block

Check back in a couple weeks and I'll probably have this thing turned into a whole city. Also, expect to see some Blender 3D tutorials comming soon. After all, I must share my knowledge, such is the rules of the true internet.