[Week04] Joints

This week I tried to replicate the joints Ben showed us on class.

At last I got the result.

FullSizeRender 3

Even though it looks simple, it still turned out to be tricky.

Screen Shot 2016-03-02 at 11.15.38 PM

This is the design file I used. Though I was told to make some tolerance, I have no idea how much should I leave…so I just make the inner and outer size exactly the same.


This is how it looks like: inner pocketing and outer contour.

I measured the wood as around 0.73″ – 0.74″ thick so I make the contour cutout depth to be 0.74″. And the pocketing I thought I take some value as 0.36″, which turned out to be a lot.

FullSizeRender 6

So it doesn’t seem to be perfectly fit with each other.


Also, watch out for some already cut pieces…Haven’t realized there was a hole below so I had to cut again.

FullSizeRender 7

Also by making no tolerance I had to sand the two pieces really hard to make them fit. But anyway it seems the CNC is precise enough so I only need to make a very tiny tolerance to get them comfortable.

I’m confident I can make it better the next time.



[Week04] Sprites and animations

These are some of my experiments.


I was also thinking about some fairy and star catching game…download


But eventually for arcades, I think maybe PvP would be the most fun and simple stuff.

I really wanted to try some two-player funny racing game…each player will have two buttons to hit really fast to climb the stairs, whoever faster will win the game.


Thus I made these two players.

static run static2 run2

Still not sure which would be the coolest ūüôā

[Week03] Golden age of arcade video games

Three games I want to mention so far are Space Invaders, Castlevania and PunchOut!!

Space Invaders

Space Invaders is a 2D shooting game released in 1978 and is considered one of the forerunners of modern video gaming.


The layout is quite simple yet sufficient for a gameplay. Basically Score and high-scoore are shown on top of the screen, while life, credit and level are shown below.

I think the game control and mechanics are very well-designed. You need to shoot down all the enemies since they will move down a row after a certain period, and they will move faster horizontally. The closer the enemy is, the harder you can avoid the bullets they shoot. So it seems at first if you can¬†remove the front enemies fast, then it’s really hard to get you down. Gladly since the front enemies are of high-threat, the are the biggest and easiest to be shot down, while the inner-most line enemies are the smallest and hardest, creating different levels to differentiate players based on their skills. Since it’s sort of timed, it can be really hard at end-game when all the enemies are both hard and fast to shot down.

Another interesting point is, there is¬†a design of some sort of fort. Enemy bullets will be blocked by the fort but it can also be damaged. When player shoot the fort the bullets become more and the fort will be damaged really fast compared to when you shoot the enemies. This is an interesting design since if you want to shoot down the enemies fast, you may want to avoid damaging the fort, or you may have to destroy some of them to allow faster clean-out of the enemies.Also the fort won’t be refreshed when entering a new level, so it actually create a choice for the player , whether to save¬†the fort to later levels or not.


Castlevania is a RPG game created in 1987. The starting page seems quite the same for the three, basically a logo, “Push” quotes, and copyright.

Screen Shot 2016-02-18 at 6.21.09 PM

Screen Shot 2016-02-18 at 6.23.33 PM

In game interface is also quite similar: Stage, life, credit. But additional Time, item are also shown above.

The game is mainly about normal rpg game when the player basically uses some sort of chained weapon to hit monsters, or hit some fireplaces and candles to gain additional life/ time/ money or item, or enter some unformidable mode.

The player can either move left and right, jump, and can also use the basic weapon or item to fight.

Interestingly the map is scroll like can you can also use stairs, thus making the game kind of labyrinth. If you get stuck you may likely get hurt more.

Something I don’t like is you can drop down from a stair if you choose don’t to use the stair, which I think is unreasonable and annoying.

Overall the game is very rich in detail and rich in mechanics. The graphics are of good detail as well.

Punch Out!!

Screen Shot 2016-02-18 at 4.36.35 PM

This is a box-fighting game made in 1984.

I really love the control mapping, so you can hit the combination of (up / down) with (left / middle / right) and you can also defend (up/down). Which I think is super cool and reasonable.

Screen Shot 2016-02-18 at 4.38.36 PM

Something bad about it is I can hardly notice the score board at top, and at first I sort of misunderstand myself to be the red one facing you. Maybe red is more attractive to me at first, I don’t want to be green.


[Week03] CNC












CAD with vectorworks

Screen Shot 2016-02-18 at 5.29.14 PM

At first I made this pattern by replicating a bordered triangle again and again.

Screen Shot 2016-02-18 at 5.23.23 PM

When it is finished I fear the CAM could not tell the difference cutting inward or outward. So I made another draft composed of 12 triangles inside and a whole star outside.


I happen to have a little problem using draft1(and maybe the process of CAM as well), cause I found CAM can only interpret the pattern as lines instead of triangles and star. So I used draft2, it still seemed cannot tell a triangle. I thought maybe because I grouped the whole figure together. When it is ungrouped into 12 triangles and a star, then the CAM can tell a whole triangle, and I continued using this draft for CNC.






I used as much screws to make it steady. Sometimes screws can’t go all the way in and I need to get it out, push hard the plywood, then drive it in¬†again.




At last I hang it over the wall just below a light and I think the light effect super great.

FullSizeRender 3

[Week03] 13567 Pure Piano Phase


Two melodies play together, with different bpm 76 and 77.

Screen Shot 2016-02-17 at 6.30.07 PM

var sampleURL = "http://scarlettsan.me/resources/Dream_high.mp3";
var sampleURL2 = "http://scarlettsan.me/resources/Dream_high_76.mp3";

var player = new Tone.Player(sampleURL).toMaster();
var player2 = new Tone.Player(sampleURL2).toMaster();

//trigger the start of the sample once its loaded
Tone.Buffer.on("load", function(){
	player.loop = true;
  player2.loop = true;

I tried some different combinations, different piece with one octative difference. And I think the same piece play with itself works the best.



Realization of notes:

Wind part chord: http://jsfiddle.net/sunwangshu/43wfqha0/2/

Piano part: http://jsfiddle.net/sunwangshu/rbnxe9s6/

[Week03] Assignment: Final Day!

Portal to the game:


If you have some f**king days back dealing with your finals, here is your chance to make some changes.

—————————-spoiler ALERT————————–

Screen Shot 2016-02-17 at 1.52.52 AM

World Design

It is basically a world of students fighting their final tests. Students need to survive¬†in the test due to their social pressure to get a good job in the future; peer pressure and family causes. It can also be personal impulses, the harvest of a whole semester’s study, their desire¬†to show off and impress the girls they love, or to boast in front of¬†parents and friends, or simply out of fear and just want to survive and have a nice vacation.

Teachers make tests to get students evaluated and that’s a discipline cause the more effort you put into, the higher score you will get. If no score is being given students won’t study very hard. Also final test is for some students a chance to cover up the stuff they haven’t done for a whole semester. Some of them don’t pay attention to classes but manage¬†to pass the test just after several days of preparation. Some just never fail¬†because they¬†have a good habit during the semester. Some unfortunately can’t catch up and are not likely to survive unless they devote a lot of effort in the final week.

Besides these hidden presumptions, the conflicts of the world are simplified to the conflict between workload and health, because chances are you need to do a lot of unhealthy deed to save time, stay up to gain more time, in order to finish what you ought to do and survive the test.

Workload & Health

This is a simple narrative choice game design. Basically, you need to make some choices to balance between the intimidating workload with body fitness.

The core concept of this game is, you need to keep a healthy lifestyle during normal days, then no matter what happens you will perform well at last. One or two unhealthy deeds can be acceptable, sometimes harmless, but three would be devastating.

Role of Luck

Apart from choices, I’m interested in the uncertanty¬†of life.

Chances are there could be some uncovered workload, but to maximize the dramatical effect in a single gameplay, I set this chance to be always true, and then the only difference is whether you will realize it during the test, or manage to find it the night before.

The rest part of luck is simple – the¬†healthier¬†you are, the better luck you will have; if you’re very bad conditioned you can have some very bad luck.

Below is the score table for all possible results:

Screen Shot 2016-02-11 at 11.20.26 AM

[Week02] A simple unity game

Link: https://www.sunwangshu.com/projects/spring-2016/arcade/week02/madoka/

Build in unity, this is a simple game about magic girls fighting evil witches. Left and Right arrow moves, Space jump. The character will flip toward the direction of movement (from Unity Forum).

Score will be displayed on the topleft (from Unity site and Unity forum).



[Week 01] Nordrassil

Portal: https://sunwangshu.com/projects/spring-2016/arcade/week01/

Inspired by Nordrassil from World of Warcraft, I made this simple version of Mount Hyjal and this World Tree.



To build the scene, I greatly scaled up the terrain (around 100x) and scaled up all the other trees (making into a prefab) so they look giant. Water material is added to resemble the magic lake (well of eternity). Also I increased several light sources so all the trees look shiny.

Of course the world tree should be soooo big that even from distant it looks great.

Screen Shot 2016-02-11 at 6.14.00 PM

Looking closer you’ll be amazed how big the root is.

Screen Shot 2016-02-16 at 5.40.06 PM

Looking from bottom to top seems never ending.

Screen Shot 2016-02-16 at 5.42.05 PM

All the other trees around are wonderful as well.

Screen Shot 2016-02-16 at 5.37.54 PM

Better if I can edit the skybox later on. Add the two moons and stars and purplish sky.

[Week02] Icy13567

Screen Shot 2016-02-10 at 6.30.04 PM Screen Shot 2016-02-10 at 6.29.58 PM

The effects I added are something like room size and filters, so they sound distant maybe a little cold here.

Similar effects are achieved through this preset:

Random: http://jsfiddle.net/sunwangshu/43wfqha0/1/

Duo: http://jsfiddle.net/sunwangshu/gbnbnx85/

Code of Duo:

var freeverb = new Tone.Freeverb().toMaster();
freeverb.dampening.value = 2000;
freeverb.roomSize.value = 0.9;
freeverb.wet.value = 1;

// note part
var synth1 = new Tone.SimpleSynth( {
	oscillator : {
  	type : "sine"
  envelope : {
  	attack : 0.02,
    decay : 0.8,
    sustain : 0.7,
    release : 2

var synth2 = new Tone.SimpleSynth( {
	oscillator : {
  	type : "sine"
  envelope : {
  	attack : 0.02,
    decay : 0.8,
    sustain : 0.7,
    release : 2

var dream_random = ["C4","E4","G4","A4","B4","C5","E5","G5","A5","B5","C6"];
var dream13567 = ["C4","E4","G4","A4","B4",0,"C4","E4","G4","A4","B4",0,"C4","E4","G4","A4","B4",0,"B4","C5","B4","G4","E4",0,];

for (var i = 0; i < 1000; i++) { var index = Math.floor(Math.random() * dream_random.length); var tone = dream_random[index]; if (i % 6 == 5) { var chance = Math.random(); if (chance > 0.5) {
    	tone = 0;
  synth1.triggerAttackRelease(tone, "4n", i * 0.4);
  var index2 = i % dream13567.length;
  var tone2 = dream13567[index2];
  synth2.triggerAttackRelease(tone2, "4n", i * 0.4);

[Week 01] Dream13567, and notes

Basically, it is inspired by the five notes: 13567 (C3 E3 G3 A3 B3)

Then comes melody #1: 13567- 13567- 13567- 78753

Then comes melody #2: 7—– 717531 5

Then comes melody #3: 71 5–715 715715 3–21

Then comes melody #4: 71 5–135 7–357 1-7135 6-….

#1 forms something like a piano phase.

#2,#3,#4 each echoed once.

Then some decoration.





——————— update Mar.23, 2016 ——————–

I love nature, I always wanted to create a clean feeling with my music.

Another music I made by now is:

For my music of nature, I would like to use traditional note like the piano and wind concept, to create the feeling of harmony and mist. Maybe some more glassy and high-pitched note for my little fairies, and some deep drum as the representation of the earth.

I really love the freeverb effect from Preset:

var freeverb = new Tone.Freeverb().toMaster();
freeverb.dampening.value = 2000;
freeverb.roomSize.value = 0.9;
freeverb.wet.value = 1;


// note part
var synth1 = new Tone.SimpleSynth( {
oscillator : {
type : "sine"
envelope : {
attack : 0.02,
decay : 0.8,
sustain : 0.7,
release : 2

“wind part”:

var synth2 = new Tone.SimpleSynth( {
	portamento: 0,
  oscillator : {
  	type : "square4"
  envelope : {
  	attack : 2,
    decay : 1,
    sustain : 0.2,
    release : 2

I’m trying to add PolySynth effects to the windpart so I can play multiple notes at the same time.

F for Fake

That’s kind of overwhelming. As an honest female, this at first sounds quite crazy to me like, someone can sell something fake but they don’t feel guilty at all. Gradually I feel then kind of interesting, they are sort of making people happy although it is against common sense but at least people are happy about these…They say, there’s market, otherwise how could fake tellers exist? Forget about the fake and legal things, just think about those fictions, games, movies…and how people actually enjoy these fake¬†stories so much and can’t resist the imagination within…how true.

I love a lot of the tricky sayings inside. “You can’t trust those experts, there shouldn’t be someone who decide something is good or bad”. It’s a lot of fun seeing how the fake painting are authenticated, seeing how assertive people are, it can be mind-blowing¬†that even they are trained experts, they can be unreliable at all. Thinking about how you believe things, it can be¬†true that something you believed for years right now, can be actually fake as well, you just¬†don’t know it yet.

The movie also¬†revealed a¬†possibility when there could be conspiracy between the art forger and art dealers…They are making money just out of nothing, or only a little things. But how about art? It would also seem like they are doing magic, making a lot of money out of some paint and canvas, just because some people believe in them. I remember the time when I first went¬†to MOMA with some of my friends, when we were at an exhibition of¬†the cubic works of Picasso, we find hardly any relation to our concept of art. It can be something¬†like the Emperor’s New Clothes, when you admit that you can’t appreciate it make you feel like a fool so you just stop making any remark and the state keep the same. But I don’t know, I’m not an expert.

Personally I still can’t cheat¬†people myself, I think there should be some moral bottom line. When people found that they are betrayed because they once believed it and they suffered a great loss of money or mental health, it could bad, even though you made them happy once. What I think acceptable is some more balanced exchange…that you trick them and¬†make them happy, and you get paid because of it for the right amount. I don’t know.