網頁創意設計 期末 web interactive art

Slides:



Advertisements
Similar presentations
我要出頭天 !! 我要出頭天 !! 竹光國中 100 學年度運動年 技藝教育學程說明會 輔導組長 陳玲涵老師.
Advertisements

一、老师申请题目,以下指导老 师操作。 1. 登录教务系统 web 端. 2. 点击 “ 毕业设计 ” 工具栏下拉菜单中的 “ 论文 _ 教师申请题目 ”
“321人才计划”情况介绍 南京高新技术产业开发区 人才工作办公室.
我的学习成果展示 德惠市第三中学 姜成立.
内 容 1. 学院概况 2. 师资队伍 3. 科研状况 4. 国际交流 5. 学术团队 2. 内 容 1. 学院概况 2. 师资队伍 3. 科研状况 4. 国际交流 5. 学术团队 2.
新多益擬真英檢系統 以專區帳密登入 選擇任一項目 注意:限用IE瀏覽器!!.
空間設計概論 單元三:設計方法,建築人文與建築設計
南宁市中考网上报名录取系统 使用手册 2014年5月.
劳动关系法务-实操篇 规章制度修审与员工手册撰写.
高一年级过渡性学习 活动汇报 高一年级组 教科研室 汉滨高中.
邮币卡开户、银行签约、出入金流程.
全国残联基层工作服务平台 系统介绍
湖南省怀化市中小学信息技术 学科考试系统培训交流
第十六章 股票交易資訊分析與試算 課前指引 目前最熱門的理財方式莫過於投資股票市場,因此本章首先講解如何從美國股市匯入重要資料,之後教授使用WEB查訊功能,匯入台灣股市即時或盤後交易資訊到Excel工作表中,再利用資料分析工具來協助瞭解個股。最後再利用Excel圖表功能來繪製成股票K線圖,這是不是很有趣及實用呢?
实验一:分析“征途游戏”网站的类型与推广手段
簡報內容 網路請購系統說明 經費授權注意事項 請購單&授權應用範例 系統環境及設定. 簡報內容 網路請購系統說明 經費授權注意事項 請購單&授權應用範例 系統環境及設定.
語一 漢字的結構. 語一 漢字的結構 問題: 先造字,再歸納出造字法則 (六書) 先有造字法則(六書),再 開始造字.
北京学生海洋意识教育年 主题系列活动 竞赛报名系统
缔造网络金字塔  培植青年文化圈 中国青年网总裁 欧阳向群.
第八章 网络课程的设计与开发.
工业工程系教工党支部 工业工程系教工党支部.
《计算机网络技术》 课程整体设计介绍.
威海电大开放教育 入学技术培训 2012年4月15日.
高校固定资产管理信息系统 资产清查报表 山东省教育厅 山东国子软件 2016年4月.
装饰艺术运动.
文書檔案與實務概述 103年7月30日 主講人:總務處文書組單秀琴組長.
北京市医师定期考核信息管理系统 在线考试培训会 北京市卫生和计划生育委员会 北京市医师定期考核办公室 2016年9月
互联网时代班主任的挑战 万玮 2014年9月20日.
一、登录界面 (一)登录方式 1、访问广东工程咨询网 ( 动态里,“咨询师登记工作”专栏 2、 IE地址栏中直接键入管理系统 地址(
术道相容 有法有序 2017年高考备考建议.
得实软件 网络教学、精品课程与资源库平台建设及应用培训课程 得实软件产品培训讲师 郝小飞
模块七 信息获取与发布 第8章 计算机网络信息的获取与发布.
数据访问页.
第二期实验室工作人员培训讲座(三) 加强规范化建设 提高仪器设备管理水平 设备处 黄久龙 2017年9月13日 徐州师范大学设备处 黄久龙.
ERP基礎觀念及導入方法:Ch6 管理維護系統
万达会议管理平台普通用户使用介绍手册 全时培训组
选课指导 机械与电子控制工程学院教学科 赵会美 Tel:
鄉村尋根-農具篇.
专业教师成绩录入指南 及教学文档材料归档要求
第四单元 第8题 1.主页的设置:将网页的默认主页设置为 文字大小设置为“最大”。
校外人员酬金申报流程  .
陸、會計作業 線上管理系統說明 會計室系統管理師 施堯賓
正荣集团企业门户 基本流程培训
吉林省信息技术与教学融合优质课大赛 参赛教师提交大赛作品流程 吉林省电化教育馆.
强强联手 共建支付安全 2008瑞星互联网安全技术大会.
两用物项和技术进出口许可证 管理与签发系统
蘋果電腦的作業系統可以和Windows作業系統一樣,可以做Scan to Folder
武汉理工大学人事系统 职称评审资格审查培训
基于WEB的公式及图片编辑器 开发需求 开发的目的:在我们系统当中,仅限于出题组卷
宿舍系統 學期申請作業 操作說明 學務處.
现代教育技术应用 第一章 现代教育技术基础 第6讲 何克抗教授关于多媒体课件的理论研究 单 位: 北京师范大学 作 者: 毛荷&王翠霞.
第5章 其他数据库对象.
蘋果電腦的作業系統可以和Windows作業系統一樣,可以做Scan to Folder
招募與甄選 招募作業流程 履歷資料處理及面試時程安排約須2~3週,透過網路人力銀行及奇美電子網頁登錄者優先處理,於收到求職者從人力銀行遞送之電子履歷後將會以 回函通知已收到履歷,以書面寄送之履歷表暫無法進行回覆。
杭州国家粮食交易中心 欢迎您!.
研究生出国申请流程 学生使用手册.
財物管理實務作業 及財產管理系統操作說明 總務處事務組:董湘君 分機:
“修身成材” 班级干部培训班 黑龙江大学党委学工部.
當代 藝術 賞析 觀念藝術 Concept Art.
大葉服務學習執行說明 課外活動暨服務學習中心:黃泰元.
*** 貼 心 提 醒 *** 本系統適用Chrome及Ie9.0以上版本瀏覽器,建議您使用Chrome操作本系統。
進貨管理介接更動 有關「匯入進貨資料」傳,請注意「上游業者出貨單號」,上游業者出貨單號要配合「匯出上游出貨資料」中的「出貨單號」或是「自有系統上傳的出貨單號」。 Ø  若「自有系統上傳的出貨單號」有值,則「匯入進貨資料」中的「上游業者出貨單號」就要key入「匯出上游出貨資料」中的「自有系統上傳的出貨單號」。
目 录: 一、网络存储系统的登录 二、网络存储系统的基本使用 三、学生提交作业功能的使用 四、教师开放资源功能的使用.
黑龙江省科学基金 项目验收填报培训 黑龙江省计算中心 2015年09月.
一切都是課程 『國際教育』在明道.
道家的中心觀念.
機構督導: 范盛翔 督導 實習生: 佛光大學社會學系江佳穎 實習日期: 7/1(二)~8/29(五)
學生學習診斷與進展評量 測驗科目:第一次國語文、第二次數學 (數學要帶紙筆計算)
【學雜費減免】 學務系統 線上申請步驟 學校網頁和系統 皆需以IE瀏覽器開啟 (不適用Google Chrome 或其他瀏覽器)
教務處報告 報告人:教務主任 張荊壢
Presentation transcript:

網頁創意設計 期末 web interactive art 長大吧!樹 網頁創意設計 期末 web interactive art 第一組 32 賴怡心

發想/動機: 我的發想分為兩個部分: 一、如何用簡單的技術來達到最棒的效果 二、酷樂宅要使用什麼外接導體比較有趣

導體部分我想很久,靈感來自小樽老師放的影片,影片中是利用水的流動性來當遊戲的搖桿,我喜歡水的靈活,你給他什麼形狀他就變什麼形狀,所以我決定使用水來做導體。 接著是如何利用水的流動性,顧名思義不能讓他是靜態的,因此直覺想到澆花這個動作,只要水柱不間斷就能形成通路,觸發酷樂宅。

呈現: 澆花 → 形成通路 → 遮罩上移 → 樹長大

需要的實體材料: 電線x2 自製盆栽的小土堆 可愛小瓶子 比土堆大一點點的透明盒子 酷樂宅x1 連接線 小葉子

製作方法: 1.小土堆放在盒子上,負極穿出小土堆,夾上小葉子 → 盆栽 2.正極一邊黏在小罐子,一邊接酷樂宅的”上” → 澆花器

安裝完成!

原理: 當澆花器的水(正極)流出碰觸到小葉子(負極)就形成通路。 若水柱不連續則無法形成通路

網頁素材: 1.白色遮罩 2.大樹

原理: 一開始用白色遮罩蓋住大樹的上半部,只露出小苗的部分。澆水後觸發 ↑ 白色遮罩向上移動,形成小樹成長為大樹的效果。 ↑

影片: 長大吧!樹

製作心得: 把「澆水 → 樹長大」這個需要花多年時間的過程變成立即見效,我覺得很興奮。我花最多時間在思考自己要做什麼,確定方向之後,先在腦海中演練整個製作流程,盡量先把可能遇到的問題解決,所以動手做沒有花很多時間,效果也滿好的。 最不滿意的是樹的成長過程,為了讓他長的自然,白色遮罩必須是不規則形狀又要完整遮住未長出的部分,花了我一番心力。 再來就是對位的部分,改了又改,最後到mac教室用不同的瀏覽器開又出問題,真是令人很沮喪,還好最後發現在IE可以正常運作,總算是鬆了口氣。 整體來說,我滿喜歡這個作品的!