mikepan.github.io/cubes.html at master · mikepan/mikepan.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Mike Pan: Portfolio</title>
		<meta name="description" content="Portfolio for Mike Pan, contains CG artwork, photos and codes.">
		<meta name="viewport" content="width=device-width, initial-scale=.7, user-scalable=no">
		<link rel="stylesheet" href="css/normalize.min.css">
		<link rel="stylesheet" href="css/main.css">
		<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
		<!-- TODO: Use webfonts -->
	</head>
	<body>
		<div class='splash' id='splashCube'></div>

		<div id='centre'>

			<header>
				<a href="/">
				<span id='headerPan'>Mike Pan</span>
				<span id='headerSub'>• Portfolio</span>
				</a>
				<hr class='faintHR'/>
			</header>

			<article>
				<h3>The Cube Experiment</h3>

				<p>This personal project started one evening when I had nothing else better to do. So I opened up the 3D application Blender and started tinkering with the particle system aimlessly. A short while later this emerged:</p>

				<img style='box-shadow: 0 0 200px #000;' src='content/cubes/1.jpg'>

				<p>It's nothing to write home about. But the image consists of only a particle system on the default cube. Which lead me to wonder, how far one can I push Blender using only a single cube object? I decided to try making something out of only a cube everyday for a month. And so the Default Cube Experiment was born.</p>

				<br/><img style='box-shadow: 0 0 300px #135;' src='content/cubes/19.jpg'><br/>

				<p>Some say <a href="http://www.psychologytoday.com/blog/beautiful-minds/201108/does-creativity-require-constraints">constraints leads to creative solutions</a>. So I set out to create the rules for my own challenge.</p>

				<p>Not Allowed:</p>
				<ul>
				<li>More than 1 cube object</li>
				<li>Any modelling of the cube</li>
				<li>Curves, Surfaces, Metaballs and Texts when used as on-screen geometry</li>
				</ul>

				<p>Allowed:</p>
				<ul>
				<li>Any number of Emptys, Lattices, Lights, Cameras, Groups, Modifiers, and Particles.</li>
				<li>Curves and Surfaces when they are not being used directly as visible geometry.</li>
				<li>Weight painting is the exception to the ‘No editing of base mesh’ rule and is allowed.</li>
				<li>Post-processing as long as the modifications do not introduce any significantly new visual element.</li>
				</ul>

				<p>At the time, I haven't actually produced any artwork in a while (I had been mostly on coding duty). The idea is to crank out one these each day continuously for a month to get the creative juice flowing again. I was very glad I did.</p>

				<img style='box-shadow: 0 0 300px #034;' src='content/cubes/5.jpg'>

				<p>Because I can't model the cube, I relied heavily on the modifier stack to alter the geometry. Luckily, Blender has a very powerful and flexible mesh modifier system that allows for some pretty spectacular effects. The above image from Day 5 shows I was still being mentally constrained to the particle system.</p>

				<p>The spinning top image below was a joy to model and render. I really liked the ease of setting up a photorealistic scene in Cycles - Blender's photorealistic pathtracer. Because of the one cube rule, modelling the scene required some clever hacks. The floor that the top spins on is actually the tip of an instanced copy of the top, enlarged by 100x.</p>

				<img style='box-shadow: 0 0 300px #420;' src='content/cubes/10.jpg'><br/>

				<p>Day 12 below. I was getting more creative with the modifiers. Being able to iterate ideas quickly on a workstation with a fast GPU allowed me to setup the material and lighting extremely fast. Without the incredibly efficient Cycles renderer and the GTX770, this image probably wouldn't have turned out the way it did. Hmm, maybe constraints don't lead to creativity after all.</p>

				<img style='box-shadow: 0 0 300px #035;' src='content/cubes/12.jpg'><br/>

				<p>For most of these images, I would start off without much idea of what I want, I would just mess with things until something likeable emerges, then spend time refining it. </p>

				<p>The image below is one of the few times that I started the session knowing exactly what I wanted to do - a photorealistic macro shot of grass. Getting the shape and geometry of the grass right required a lot of fiddling with the particle system. An HDR image was used to light the scene.</p>
				<img style='box-shadow: 0 0 300px #130;' src='content/cubes/16.jpg'><br/>
				<p>Wanted to try out Non-Photorealistic Rendering by recreating The Great Wave by Katsushika Hokusai. Ended up being something out of Frozen. This image took 8 hours to render on the CPU because of the complex geometry and subsurface shaders.</p>

				<img style='box-shadow: 0 0 300px #036;' src='content/cubes/22.jpg'><br/>
				<p>Speaking of ice-cold, here 'Open Happiness'.</p>
				<img style='box-shadow: 0 0 300px #410;' src='content/cubes/23.jpg'><br/>

				<p>This is only a small selection of the work I produced during the Default Cube Challenge. More can be found on my <a href='http://blog.mikepan.com/tagged/DefaultCubism'>blog</a>.</p>
			<div id='flourish'>※</div>
			</article>


			<section id='aboot'>

				<div id='right'>
				<ul>
				<li><a href="/">Home</a></li>
				<li><a href="http://github.com/mikepan">GitHub</a></li>
				<li><a href="http://twitter.com/themikepan">Twitter</a></li>
				<li><a href="http://vimeo.com/mikepan">Vimeo</a></li>
				</ul>
				</div>

				<div id='cen'>
					<p>Mike dabbles in 3D art, programming, game-making, book-writing and photography.</p>
					<p>With 12 years of Blender experience and a keen interest in scientific visualization, he has worked for the University of British Columbia in Canada, Institute of Clinical Physiology in Italy, and Harvard Medical School.</p>
					<p>You can contact him for quotes and projects at mike.c.pan@gmail.com</p>
				</div>

				<div style='clear:both'></div>

			</section>

			<footer>
				<hr class='faintHR'/>
				Mike Pan | Vancouver, Canada | 2015
				<hr class='faintHR'/>
			</footer>

		</div> <!-- end center -->


		<script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
			ga('create', 'UA-50473962-1', 'mikepan.com');
			ga('send', 'pageview');
		</script>


	</body>
</html>