-
Notifications
You must be signed in to change notification settings - Fork 21
/
README
138 lines (111 loc) · 5.44 KB
/
README
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
__ .__ .__
_/ |_| |__ |__| ________ _ _______ ___.__.
\ __\ | \| |/ ___/\ \/ \/ /\__ \< | |
| | | Y \ |\___ \ \ / / __ \\___ |
|__| |___| /__/____ > \/\_/ (____ / ____|
\/ \/ \/\/
--- ---
thisway.js by stravaganza
http://fernandojsg.com/lab/thiswayjs
--- ---
--- ---
code & gfx: kile
additional gfx: reality3d
music: wonder
ORIGINAL VERSION
code: ithaqua
gfx: tekno
music: wonder
--- ---
--- ---
--- ---
It all started as a test to try the mrdoob's
frameworks three.js and frame.js and see if
I could make a demo with the freedom I had in
c++ years ago.
"This way" (http://pouet.net/prod.php?which=7086)
was the Euskal Party 2002 winner demo created
by the demo group Stravaganza.
It was one of the first demos I saw live at
a party and it was also in that party when I
met the stravaganza team members.
Three years later I joined the group and my
first production was a remake of the original
demo, but this time in 64kb
(http://www.pouet.net/prod.php?which=16676).
So as this demo it's very special for me I
thought it would be interesting to do again a
remake but this time in webgl/js.
I knew this would be harder than creating a
demo from scratch: when you create a new demo
on a new platform you could be tempted to use
the effects you're getting while experimenting
without a clear predefined look.
However to make a remake I should find a way
to recreate exactly the effects that once we
did in c++/opengl.
I was sending screenshots to Reality3D^RGBA
during the process and he proposed to try to
give a slightly more modern air to each scene.
I didn't want to create a whole new demo that
was completely different from the original, but
since the demo was created 12 years ago (ouch!)
some scenes looks so simple now so I tried to
"improve" them a bit (Sorry Tekno O:))
Reality3D's help was very important to achieve
an acceptable aesthetic. Besides changes to some
materials, he also modified some of the meshes
that Tekno did for the original demo.
Regarding javascript/webgl/three.js/frame.js
experience I think it would be worth writing a
blogpost about it.
I must admit it has been fairly easy to start
painting something on screen, but then it was
quite frustrating at times with more complex
stuff, not to mention my problems while using
geometry exporter :\
I think it's funny how different it's the
release process compared to oldstyle c++ demos.
When I was programming in c++/64k I could have
the code full of hacks, but you just needed to
compile and pack the .exe and you were done.
Now that all your code is exposed and you
upload it usually to github and so on, you
should care about how it looks. I've had to
do refactoring from time to time and force
myself to remove the hacks I was putting
while testing new effects :)
As overall conclusion, I'm pretty happy with
the result, it wasn't as easy as I thought
but I think it also looks much better that
I initially expected.
--- ---
I wanted this demo to be a little gift to the
people who got me and kept me in this world
of demoscene:
Ithaqua
TeKnO
Wonder
Herotyc
Reality3D
Trace
Requirements:
Any browser with WebGL support.
Also runs on Chrome for Android.
- kile
--- ---
--- ---
More info?
--- ---
kile: http://kile.stravaganza.org
reality3d: http://www.borjamorales.com
ithaqua: http://ithaqua.stravaganza.org
tekno: http://tekno.stravaganza.org
wonder: http://wonder.stravaganza.org
trace: http://trace.xplsv.com
mrdoob: http://www.mrdoob.com
three.js: http://www.threejs.org
--- ---
--- ---
stravaganza.org 2014
--- ---