ADVANCED INTERACTIVE DESIGN - EXERCISE 1 ASSET CREATION

-

 ADVANCED INTERACTIVE DESIGN - EXERCISE 1 ASSET CREATION

——

Ding Jiaqi/0379388 
Advanced Interactive Design / Bachelor of interactive spatial design

——

Objective: Design a functional "Smart Assistant" avataror UI widget using vector tools.

The Task: Using the drawing tools in Adobe Animate(Pen, Oval, Rectangle), create a character or a central UIhub.

Requirements:

Use Object Drawing Mode to keep shapes clean.The "Layer Rule": Every part that needs to move(eyes, arms, glowing core) must be on its own named layer.

The "Symbol Rule": Select each part and convert itto a Movie Clip Symbol (F8).

Submission Requirement:

Upload the .fla file in your Google Drive

Attach the link in your e-portfolio

Submit your e-portfolio link.



drive link：https://drive.google.com/file/d/14Xzq699YzdJHs4K0IeXFGGFLHZrTjMWI/view?usp=drive_link

The Motion


Objective:
Give your character "life" through a continuous looping idle animation.

The Task:
Create an "Idle State" for your character/avatar so it doesn't look like a static image.

Requirements:
Nested Animation: Double-click your main symbol to animate inside its own timeline.
The "Breathe" Effect: Use Classic Tweens to create a 40-frame loop.
Polishing: Apply Easing (Classic Ease In/Out) to the tweens so the movement feels organic and high-end, not mechanical.



drive link： https://drive.google.com/file/d/15kmverGs_iOdwuPTdGWJaRg3LEfK5i5x/view?usp=sharing




Exercise 3

For exercise 3 submission, you are required to:
  1. Upload the file to netlify;
    In order to make it work, you need to remane the html file as index.html (You know the drill).
    Upload the entire folder that contains the html file, js file and images folder. Please do not upload the .fla file to netlify.

  2. You will also required to upload the .fla file into your Google Drive. Update your e-portfolio with all the processes. 

  3. Submit your e-portfolio link for submission







Comments

Post a Comment

Popular posts from this blog

INTERACTIVE DESIGN: EXERCISE 1: WEBSITE ANALYSIS

-
Image
INTERACTIVE DESIGN: EXERCISE 1: WEBSITE ANALYSIS  —— Start from 3.9.2025 23.9.25-1.10.2025/Week1- Week2 Ding Jiaqi/0379388  Interactive Design/ Bachelor of interactive spatial design —— EXERCISE 1: WEBSITE ANALYSIS      1. Select Websites: Choose five (5) websites from the provided link. 2. Analyze Websites: For each selected website, review it carefully by considering: The purpose and goals of the website and whether they are effectively communicated to users. The visual design and layout, including the use of color, typography, and imagery. Functionality and usability, including navigation, forms, and interactive elements. The quality and relevance of the content, including its accuracy, clarity, and organization. The website’s performance, such as load times, responsiveness, and compatibility with different devices and browsers. Identify the strengths and weaknesses of each website and how they impact the user experience. 3. Write Reports: Write a brief repor...
Read more

Advanced Interactive Design - Task 1_Thematic Interactive Website Proposal

-
Image
  Advanced Interactive Design - Task 1_Thematic Interactive Website Proposal ——— Ding Jiaqi/0379388  Advanced Interactive Design / Bachelor of interactive spatial design ——— MLO 2:Thematic Interactive Website Proposal Description Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which have interactive components that provoke the user. This dynamic experience is meant to keep the user interested in addition to the thematic concept. Themes in such websites vary from educational, cultural, promotional campaigns to product launch. For example, a thematic interactive site could be a museum. Users can go through a virtual exhibition space through interactive tours, games simula...
Read more

GAME DEVELOPMENT：FINAL DEDIGN

-
Image
 game development：final design  ——— This blog is about the 3d modeling process of "Iron Rain". At the beginning of the modeling, we discussed with the team members approximately which models to make in blender. After determining them, we began to make them.   The first weapon we modeled was the most important one. It is the most important and also the most difficult one, because we have never made a model for driving the drawing before. Based on the gun designed in the game design stage, we thought that there could be two mechanisms on the weapon. For instance, when the button on the left is pressed, the umbrella can open and close. Press the button on the right, and the tip of the umbrella will release a purple current for about three seconds. The effect is particularly cool. This is the reference picture we were looking for at that time, but the shape and details in it are relatively complex. During the actual production process, we will make appropriate simplifications...
Read more