
2D Graphics and Games with Cursor(AI) Made with PixiJS
studiomeal
Learn the basics of PixiJS, the undisputed leader in 2D graphics, and learn how to develop quickly and efficiently using the AI code editor Cursor.
Beginner
pixijs, cursor, webgl
Learn how to develop advanced interaction effects frequently featured on Apple's website from scratch.
4,345 learners
Level Intermediate
Course period Unlimited
Reviews from Early Learners
5.0
minam An
I've said this many times, but this Apple web show Kang-i is one of the most concise and cool Korean interactive shows. Even though it's an animation or canvas that I've never used, it's not easy to follow the Kang-i's example of how to do difficult things like drawing quickly. Although I'm a late bloomer, I don't know DOM well, so I had a hard time figuring out the CS:GO. However, since Kang-i's tutorial is done with a good scenario for 1 minute coding, I don't know if it's a good show or not. Even fans who watch it can easily upgrade their skills through Kang-i. That's all I can say.
5.0
피로한 메기
Oh. What is it.. This is interesting...
5.0
김찬기
The way functions work, how to get values and use them, and the parts that beginners like me might not know when writing script methods or variables in between were explained in detail. To be honest, there were many parts that I didn't understand, but if I continued to write these codes repeatedly, I gained the confidence that I would be able to make them mine someday!! I'm not a major, but based on this lecture, I'm going to create my own portfolio and prepare for employment! Thank you.
Advanced interaction techniques frequently used on Apple websites
High resolution video interaction
Controlling keyframes and elements using scrolling
How to use Canvas for high-resolution image processing
Awesome web interactions like Apple product introduction pages ,
Want to try developing it with your own hands? 🍎
Apple's product introduction pages vary slightly in design and effects, but their core interaction principles are similar. This course explores and creates the core interaction principles applicable across Apple product pages , using precise scrolling to control various design elements . Utilizing the applied effects, we'll create complete, organically connected pages .
These days, when Apple releases a new product, it's fun to just browse, but there's also the anticipation of how amazing the product introduction page will be. I'm sure everyone on the web is enjoying it, right?
Since we don't just use what others have created, but analyze the core principles and implement them one by one , I think it will be of great help when implementing forms or ideas that are completely different from Apple's.
After working hard and persevering, you will feel more confident in developing challenging visual implementations.
Looking at it, I thought, 'How can I make something like this?'
'I want to try this in my project too.'
This class is for people who think like this.
Learning Content
Lecture Features
👌 We build it from the ground up using only standard web technologies, keeping the principles in mind.
👌 It is structured in detail so that you can practice for more than 10 hours without missing a beat, even with tight cut editing that doesn't stretch.
👌 Because we only use standard techniques, you can learn solid fundamentals that won't change over time.
Added code and tutorial videos for creating new interaction effects on the iPad Air introduction page released in September 2020.
Create dynamic, interactive websites that will elicit exclamations of "Oh!"
Creating an interactive website with 1 Minute Coding
This is a roadmap of lectures. This lecture is included .
Who is this course right for?
Anyone who is curious about how to implement the fancy and cool interactions on the Apple website
Anyone interested in implementing creative, interactive web
Anyone who wants to create a special portfolio website
People who have a romantic idea about the developer and developer
People who liked the 1-minute coding lectures
Need to know before starting?
Basic knowledge of CSS and JavaScript
19,674
Learners
1,279
Reviews
1,175
Answers
5.0
Rating
11
Courses
I worked as a web developer/designer in Seoul, then moved through Jeju... and am currently in Penang, Malaysia, working hard on development, creating educational content, and conducting various trials and experiments as a solopreneur.
I have a strong interest in interactive web with visual impact, and I share web development-related technologies on YouTube and Facebook under "1-Minute Coding."
Developer/Designer/Content Creator
Website https://studiomeal.com
YouTube https://youtube.com/c/1분코딩
Facebook https://www.facebook.com/1mincoding
All
60 lectures ∙ (11hr 55min)
Course Materials:
All
232 reviews
5.0
232 reviews
Reviews 8
∙
Average Rating 5.0
5
I've said this many times, but this Apple web show Kang-i is one of the most concise and cool Korean interactive shows. Even though it's an animation or canvas that I've never used, it's not easy to follow the Kang-i's example of how to do difficult things like drawing quickly. Although I'm a late bloomer, I don't know DOM well, so I had a hard time figuring out the CS:GO. However, since Kang-i's tutorial is done with a good scenario for 1 minute coding, I don't know if it's a good show or not. Even fans who watch it can easily upgrade their skills through Kang-i. That's all I can say.
ㅋㅋㅋㅋㅋㅋㅋ As your nickname suggests, Minam uses the word "Pangka" really well... I guess I should put it this way. It's a magic that even a translator can't translate it, but I'll understand what you're saying ㅋㅋㅋㅋㅋ Thank you, Mr. Heo, no, Mr. Ahn ㅋㅋㅋㅋㅋ
Reviews 1
∙
Average Rating 5.0
5
Oh. What is it.. This is interesting...
It's funny.. You said something I really like! Haha Thank you for your good review on the first class review, Heopnim^^
Reviews 1
∙
Average Rating 5.0
5
The way functions work, how to get values and use them, and the parts that beginners like me might not know when writing script methods or variables in between were explained in detail. To be honest, there were many parts that I didn't understand, but if I continued to write these codes repeatedly, I gained the confidence that I would be able to make them mine someday!! I'm not a major, but based on this lecture, I'm going to create my own portfolio and prepare for employment! Thank you.
Wow, you wrote in detail about the parts that were helpful to me, so it was very helpful to me as well^^ You studied really hard, so thank you so much for writing such a great course review, Chan-gi. I hope you create a great portfolio and get hired at the place you want!
Reviews 3
∙
Average Rating 4.7
5
Not only coding, but also additional explanations using pictures and materials! This is a very useful lecture that teaches the concepts and designs of programming, not just simple code!
Since this is a somewhat difficult lecture, I tried my best to make it as easy to understand as possible. Thank you for noticing this and leaving a good review^^
Reviews 1
∙
Average Rating 5.0
5
I am having so much fun following along. It's as if you are giving a lecture to students in front of you. You are so good at pointing out things you don't understand right away!! I want to listen to all of your other lectures^^
Thank you for your sense in leaving such a good review!^^
$59.40
Check out other courses by the instructor!
Explore other courses in the same field!