Think Like a Computer Science Professor

Think Like a Computer Science Professor

freeCodeCamp.org via freeCodeCamp Direct link

) Intro / showcase

1 of 53

1 of 53

) Intro / showcase

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Think Like a Computer Science Professor

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ) Intro / showcase
  2. 2 ) Quick planning
  3. 3 ) Canvas project setup
  4. 4 ) Trying to remember how drawImage works :-))
  5. 5 ) Figured out I need to let it load first
  6. 6 ) Helper code for getting coordinates
  7. 7 ) Beginning procedural drawing
  8. 8 ) Normalizing the space for symmetrical drawing
  9. 9 ) Control point for head rotation
  10. 10 ) Slider for head x rotation
  11. 11 ) Rotating the head on X
  12. 12 ) Rotating the head on Y
  13. 13 ) Adding more control points
  14. 14 ) Drawing eyes
  15. 15 ) Styling the eyes
  16. 16 ) Drawing the beard
  17. 17 ) Drawing the nose
  18. 18 ) Spoiler (I never get the nose to look better)
  19. 19 ) Drawing hair
  20. 20 ) Skin, Neck & Body
  21. 21 ) Drawing the clothes
  22. 22 ) Some fine-tuning
  23. 23 ) Drawing the ears
  24. 24 ) Polishing and commenting code
  25. 25 ) Camera setup
  26. 26 ) Image processing: Isolating blue pixels
  27. 27 ) Moving avatar with camera
  28. 28 ) Plan for day 2 (Important)
  29. 29 ) Code refactoring with OOP
  30. 30 ) Ditching the idea* above and sticking to point A
  31. 31 ) Linear algebra
  32. 32 ) Particle system
  33. 33 ) Constraints (segments)
  34. 34 ) Dynamic front hair skeleton
  35. 35 ) Dynamic back hair skeleton
  36. 36 ) Sliders to control the mouth
  37. 37 ) Real-time face tracking
  38. 38 ) Recognizing facial markers
  39. 39 ) Solving the 'fidgiting' problem by averaging
  40. 40 ) On averaging points
  41. 41 ) Side-points of mouth
  42. 42 ) Quick demo and quick planning
  43. 43 ) Working with pre-recorded video
  44. 44 ) Multi-input support in interface
  45. 45 ) Styling front hair
  46. 46 ) Styling back hair
  47. 47 ) Adding side hair
  48. 48 ) Debugging option
  49. 49 ) Shirt strings
  50. 50 ) Extensive testing
  51. 51 ) Final touches
  52. 52 ) Trying to fix nose, then gave up (too tired & found some bug)
  53. 53 ) Final testing, writing instructions and last thoughts

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.