|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/demystifying-parallax-learn-to-create-interactive-web-pages/
课程评论：没有评论
**课程名称：** 揭秘视差：学习创建交互式网页 **课程概述：** 本课程将带您深入了解网站、游戏和应用程序中常见的“视差”效果，如《Alto's Adventure》。视差是一种迷人的交互方式，能够极大地吸引用户。尽管它看起来像神秘的魔法，但实际上用代码实现非常简单。 在本课程中，您将学习如何打破视差的“幻象”，并掌握使用 JavaScript 创建交互式网页的技巧。您将能够创造出类似 3D 的深度感，使远处的元素移动速度慢于近处的元素。您还将学习如何让网页元素响应用户的操作，例如鼠标移动或页面滚动。 本课程适合具备 HTML、CSS 和 JavaScript 基础知识的学习者。如果您需要巩固基础，可以先学习本讲师提供的 HTML/CSS 和 JavaScript 入门课程。 **课程内容将涵盖：** * 监听用户输入（鼠标移动和滚动位置变化）。 * 将元素属性（如位置、模糊度、缩放比例）与用户输入关联起来。 * 创造逼真的视觉效果。 * JavaScript 核心原理。
You know what parallax is right? It's that awesome 3D effect we've seen in tons of websites, games and apps (like Alto's Adventure for example). Parallax is an interaction delight and it attracts people like crazy. It may appear like voodoo and dark magic, but it's actually pretty simple to code yourself! In this class I'm going to peel back the illusion that parallax is and show you how to start making interactive web pages with JavaScript.You'll learn to create an interactive illusion of depth - where items further away move at a slower speed than items that are closer. And you'll learn to make everything respond to a user's movement, like when the mouse moves or when the page scrolls.The class is designed for someone with a basic knowledge of HTML, CSS + JavaScript. I do have some beginner classes on HTML + CSS and JavaScript that should get you up to speed.Throughout this class, we'll cover:Listening for user input (mouse movement and scroll position changes).Connecting element properties like position, blur, and scale to user input.Creating life-like illusions.JavaScript principles.
