JavaScript

camp and capers// a thief’s heart

Finally got around to animating this lettering sketch I created a while back.

Using SVG path morph to change the shape of shapes with the same number of points.

Adding some JavaScript for interactivity.

Rough gif of the final project, check out the final version on Codepen.

Inspired by Persona 5.

Saved this funny picture of a fractal tree Tohru from Miss Kobayashi’s Dragon Maid as a reminder as a future project.

cosmic kingdoms// roll on, lonely star

Local weather app: Github / Demo *Note: Might not work in Chrome if you have geolocation disabled.

Looking through the typefaces on Google Fonts.
ntr

I completed the Learn It, Girl mentorship program a few weeks ago, and currently waiting to hear back with the evaluation. Until then, you can check out the project on Github, and try out the demo.
JS Music Mixer Project3

Process gif.
JSMM-process

Trying out something in ThreeJS, but it didn’t make it into the final project.
week11

jsmm-code-error

I have been spending a little time here and there on volunteering. To clarify, the session I mentored for was design-related, rather than development.
2016-05-07 22.40.21

Meow~ (w.i.p.)
meowzai-01

I suspect this sign was placed here because of our group…
2016-05-21 17.00.41

Ace assist!
2016-05-20 20.30.43

Really need to get back into drawing a bit more. I’ve been neglecting a lot of ideas that have been scribbled into notebooks, but no action has been taken yet.
R160503-TempuraPaint

2016-05-20 23.31.11

mirror eye// splitting of the shadows

I Love You More – Article One
Re:Re: – Asian Kung Fu Generation

I haven’t had much time to upload drawings, but I have been working on my other projects.

Pomodoro Clock (Free Code Camp)
This took a lot longer than I expected, mostly because when I fixed one problem, another would arise, even if the original one was fixed. Also, would not recommend using YUI PureCSS as a framework, as Yahoo is no longer maintaining it, and it doesn’t play nice with Codepen.
pomodoro-clock
I switched to Skeleton, and then finally to Foundation 6. You can view the demo on Codepen, or see the repo on Github. The solution itself uses JavaScript, the jQuery is only there because Foundation needs it. The next project is tic-tac-toe, which will involve building an AI(?) in order for a player “to play against the computer.” Probably going to have to spend the next bit doing research, so far I’ve been reading about the minimax algorithm.

Static Blog on Github
I figured out enough to use the Git bash with Hexo and run it locally. Destroyed my portfolio repo several times before I realized I needed to generate the blog first, then make the repo. Still need to deploy it live to Github Pages.

JavaScript Music Mixer (Learn IT, Girl)
I will be spending more time on this for the next two weeks, as I seriously neglected it in favour of solving what was wrong with my pomodoro clock. Starting to learn three.js for the vizualization component, and I finally, finally learned how to served a page properly with a Python server on Google App Engine at the suggestion of my mentor.

Graphic for TheOASG- Interview With Ann Yamamoto: On Dubs, Time of Eve, and Skip Beat.
interview_piedpiper-draft1

interview_piedpiper-draft2

interview_piedpiper-draft3
Final version.
interview_piedpiper-draft4

 

New sticker.
IMG_3331

I took part in the third edition of “It’s Not My Fault TheOASG Podcast Is Not Popular.” Empty threats, I tell you!

The OASG Podcast Episode 3 – Fire Emblem and Friends: Muse, Justin, and I talk about Fire Emblem Fates (3DS), anime Kickstarters, and Netflix moving further into anime with the announcement of creating a show titled Perfect Bones with Production IG (Ghost in the Shell: Stand Alone Complex, Psycho-Pass, Kuroko’s BasketBall, among many others). I really want to go over to someone’s house and marathon Ajin when it comes out April 12 on Netflix…”will trade Netflix for company and popcorn.”

Still afraid of white-space as ever. Reminder to put less text.
cc-fp

I really can’t unsee Adobe’s new “Experience Design CC” shorthand as the emoticon “XD.”
adobe-xd