Found this article about queer fat male representation in comics specifically, and brings up some good general points about rep

I also read Nimona last night! I didn't take notes on length/pacing because it's almost 300 pages long therefore not that useful to the length of mine. But it was really good, and I loved how it started as a silly, simple story, but by the end it all tied together and was a really well rounded and emotional story (I cried)

Eyes comic

I finally got around to redoing my eyes comic....... here's the new version!

Now that I understand scrollmagic a bit more I planned it out properly, and separated all the parts of the image. I then made a timeline for each section.

html:

javascript:

Initial character concepts

Started drawing some character concepts today. I started doing some life drawing and sketching some random faces (from line-of-action.com, which has lots of good refs in an automated slide show for 'life' drawing)

the main character...

the secondary character (friend/mentor)...

faeries??

Talking with Tanya

Planned to chat with Tanya earlier, but it was hard to set up a time as I'm in Nelson and she's been travelling to the US.

I mainly wanted to ask about project scope, the kind of length to go for and similar / similar size projects and examples to look at.

These are the ones she mentioned:

Whelmed: https://www.behance.net/gallery/30798829/Whelmed-A-book-about-Mental-Illness
Star Knights: https://mr-ryanmckone.com/projects/qz23a / https://mr-ryanmckone.com/projects/dwQBK / interactive?
Toa Chronicles
Page Perils: https://bestawards.co.nz/graphic/student-graphics/massey-university-college-of-creative-arts-35/page-perils/

she suggested something like 10-15 pages, which is less than what I'm thinking with my narrative,....., but I understand keeping it smaller means more development on each part.

And in general she gave me tips about script writing and planning, and what to do next


Notes I took:

Mood board + insp

Started reblogging and tagging some art with similar styles/colour palettes I'm thinking of onto my art stuff blog. I'm thinking of a kinda messy style, both because it'll be faster to draw and also suit the setting I think? And I like the juxtaposition of sketchy/traditional looking art with animation etc.

I also have a pinterest - which I started ages ago actually, and at this point isn't so relevant to my current vision but I will add to it.

hero's journey / plot / comic script stuff

Hero's Journey

Breaking down the hero's journey plot structure - another good explanation with examples

another one, with character archetypes too

The TV Tropes page has a whole lot of relates tropes - and this page The Seven Basic Plots mentions Voyage And Return and The Quest, both which would also work for my story (or are often part of hero's journey anyway, or combined)


Three act structure / another one



Plotting and pacing comic book scripts (for pages)
getting started in comic writing (this is very basic - basically just saying you need character goals/conflict etc)
How to write a comic script - this has some good points.

Script - Initial notes

Some of this I've had for a few weeks, I just don't think it's been on my blog? I have a google doc.

GSAP/Scrollmagic basics

with the GSAP tutorials I figured out the basics of animating/tweening
I decided not to try make a comic, just do the literal basics of how it actually works - make working examples of everything I might possibly want to use, and then  later on maybe make a test comic.

Then I used this scrollmagic tutorial to figure out how to translate that into scrollmagic, making the scroll point trigger the animation rather than it just happening immediately (or delayed etc)

Had a lot of trouble getting the tweens to actually happen on the scroll point...

I looked at a bunch of demos such as:
https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/
https://codepen.io/ihatetomatoes/pen/PqoNpy?editors=0110
https://ihatetomatoes.net/simple-scrollmagic-tutorial/
https://ihatetomatoes.net/demos/scrollmagic-templates/scrollmagic-template-01/
https://codepen.io/erikjrose/pen/RJWBKa
https://ihatetomatoes.net/5-days-with-scrollmagic/
http://scrollmagic.io/docs/animation.GSAP.html#Scene.setTween
svg:
https://codepen.io/daveredfern/pen/zBGBJV
https://codepen.io/traummaschine/pen/BKpJJr
http://www.sweet-web-design.com/wordpress/how-to-animate-svg-on-scrolling/3171/
https://jakearchibald.com/2013/animated-line-drawing-svg/
http://tutorials.jenkov.com/svg/svg-and-css.html

Just to figure out their structure and syntax - everyone does it slightly differently, putting things in different places and using different methods, and I had to play around a lot and figure out how to get it to work - but I eventually got it!!

I took the bezier path itself from the scrollmagic demo.

The svg took a lot of work - I grabbed some other people's code and put it in mine, to figure out how it worked. initially my svg line must've been a shape because it went around the letters twice, so I drew a messier one with the pen tool which worked properly.

testing on mobile......

FINAL CODE ONLINE - it's not particularly tidy, but I wanted it to be purely the javascript as much as possible, to keep it simple for myself

Now that I've got a better understanding of the basics, I think I have a better plan as to how my eyes comic I did a while ago could work, so maybe I will do that.

GSAP

Did research into GSAP/scrollmagic/scrollr etc.

This talks about scrollr vs scrollmagic

-scrollr is a LOT simpler, which is probably helpful considering i barely have a grasp on javascript.
-however it doesn't allow horizontal scrolling, and a few other things I might want to utilise.

I also found superscrollorama, which looking at the notes seems easier, but a little buggy and i can't find many people talking about it?

I watched this GSAP intro tutorial, took notes.


A scrollmagic tutorial / part 1

scrollmagic link: http://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.2/ScrollMagic.min.js

documentation

examples



>> I think I'll start with just the GSAP basics, then do scrollmagic tutorials (but start with something simpler than the eyes one I did earlier)

Final dossier - http://enhancingwebcomics.tumblr.com/abstract

I would've liked to spend more time on the visuals but I ran out of time. I also couldn't get the font I wanted to use uploaded properly....
 I also wanted to have slideshows rather than 3 images in a row, and embed the video better than just youtube.

I looked at embedding an instagram post at one point, but the frame is too chunky and I didn't have time to clean it up to fit my aesthetic.

Have tested it on mobile and a mac and it should work on those too.