Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:00:46
    Welcome to the course!
  2. Урок 2. 00:02:43
    Playground and the SuperHi Editor
  3. Урок 3. 00:04:40
    Setting up our HTML
  4. Урок 4. 00:08:06
    Styling our page with CSS
  5. Урок 5. 00:04:20
    Basic web typographic styling
  6. Урок 6. 00:05:00
    Adding a Google Font typeface to our project
  7. Урок 7. 00:07:17
    Adding your own self-hosted typeface
  8. Урок 8. 00:04:29
    Adding hover states
  9. Урок 9. 00:03:45
    Stretching the typeface
  10. Урок 10. 00:05:40
    Adding a CSS animation
  11. Урок 11. 00:06:27
    Adding variable type to our project
  12. Урок 12. 00:02:41
    Welcome to Caroline Wade
  13. Урок 13. 00:11:05
    Creating our page
  14. Урок 14. 00:07:23
    Adding in our variable font
  15. Урок 15. 00:11:58
    Creating our first Javascript file
  16. Урок 16. 00:07:56
    Adding variable type to Javascript
  17. Урок 17. 00:05:19
    Welcome to 01 01
  18. Урок 18. 00:04:04
    Setting up our P5.js script
  19. Урок 19. 00:06:56
    Drawing text with P5
  20. Урок 20. 00:04:25
    Preloading a font to use
  21. Урок 21. 00:08:26
    createGraphics and copy
  22. Урок 22. 00:04:31
    Adding a sprinkle of math to our movement
  23. Урок 23. 00:01:48
    Welcome to aaaaaaaaa
  24. Урок 24. 00:09:02
    Drawing text with P5
  25. Урок 25. 00:05:21
    Styling our text
  26. Урок 26. 00:08:05
    Adding a for loop
  27. Урок 27. 00:04:20
    Adding a y-direction with a double for loop
  28. Урок 28. 00:02:54
    Speed improvements with image
  29. Урок 29. 00:05:01
    Recreating the original text
  30. Урок 30. 00:05:25
    Adding global distortion and movement
  31. Урок 31. 00:03:55
    Adding in local distortion
  32. Урок 32. 00:00:46
    Homework
  33. Урок 33. 00:01:32
    Homework solution
  34. Урок 34. 00:00:54
    Good morning to Good Morning
  35. Урок 35. 00:07:50
    Setting up our script
  36. Урок 36. 00:02:59
    Cut and paste with createGraphics
  37. Урок 37. 00:05:35
    Gridding up our graphics
  38. Урок 38. 00:06:12
    Distortion in two directions
  39. Урок 39. 00:06:27
    Adding a wave slider
  40. Урок 40. 00:10:15
    Adding text field updates
  41. Урок 41. 00:00:33
    Homework
  42. Урок 42. 00:02:13
    Homework solution
  43. Урок 43. 00:01:28
    Welcome to Out of Office
  44. Урок 44. 00:08:40
    Setting up our stamp
  45. Урок 45. 00:07:03
    Cloning twelve times
  46. Урок 46. 00:08:50
    Changing our sample position
  47. Урок 47. 00:03:14
    Timeline scrubbing with mouse position
  48. Урок 48. 00:04:53
    Adding easing to our scrubbing
  49. Урок 49. 00:06:43
    Adding in an animated loop
  50. Урок 50. 00:01:30
    Welcome to Brutalust
  51. Урок 51. 00:11:09
    Setting up our site
  52. Урок 52. 00:04:31
    Adding typography to our site
  53. Урок 53. 00:07:30
    Adding in our first Javascript content change
  54. Урок 54. 00:03:14
    Cleaning up our script with a function
  55. Урок 55. 00:05:12
    Substringing our content
  56. Урок 56. 00:03:25
    Adding in an interval
  57. Урок 57. 00:02:56
    Stopping intervals with clearInterval
  58. Урок 58. 00:06:53
    Adding in random dots
  59. Урок 59. 00:04:47
    Adding in random characters
  60. Урок 60. 00:06:58
    The IntersectionObserver
  61. Урок 61. 00:03:12
    Saving the original content with dataset
  62. Урок 62. 00:04:27
    Adding in scroll snapping
  63. Урок 63. 00:01:17
    Welcome to Dani Lewis
  64. Урок 64. 00:04:57
    Setting up our project
  65. Урок 65. 00:10:16
    Using P5's textToPoints
  66. Урок 66. 00:04:40
    Drawing shapes with the points
  67. Урок 67. 00:04:07
    Adding p5 vectors
  68. Урок 68. 00:05:32
    Adding a distance to distortion
  69. Урок 69. 00:04:40
    Adding noise levels
  70. Урок 70. 00:00:34
    Thank you for joining our course!