跳到主要內容

關於Flash Developer一職

許多學生問想從事Flash程式設計一職
應該俱備什麼樣的條件。

整理一下個人的認知
Flash程式設計
工作上當然就是以Flash為主呀
互動程式
跟資料庫串接
Team work

你一定要會:
熟悉Flash操作
拉影格,調面版,製作動畫
數學、物理要會一些

精通
ActionScript1.0
製作素材、FlashMediaServer會用的到。

ActionScript2.0
影格程式碼
外部類別檔
開發屬於自已的類別包
設計模式
模組化類別。
如果有開發能讓設計師們好上手的工具就更讚

ActionScript3.0
如果只會寫AS3也沒關系
反正AS2我也快忘的差不多了

XML
了解伺服器程式原理。
JavaScript
css

你不一定要會,但會了有加分
任意一種伺服器程式語言(asp.net,php,jsp)
其他程式語言(c,c++,Java)



你可以不要會
你不需要會Photoshop去背、合成
但要會縮圖、調亮度

你不需要會Illustrator
但電腦要安裝一下

最重要的是
要有一顆瘋狂學習的心
任何Flash相關技術都不放過
能把新的技術學習整理
將心得分享給公司其他的同事
提升自已, 也提升公司
懂得Team work
不為堅持而堅持

目前奶小綠我所在的米蘭數位
加我共有四位ActionScript程式設計
工作上就是只有寫FlashActionScript
設計師會把畫面製作成.fla
元件和動畫也都會拉好
所以只需要寫code就可以
而伺服器端有專門的程式設計師
當然偶而自已想寫一些東西也是可以
css也要了解一些, 但不需要自已寫
因為美術設計師們更利害
要幫忙的部份就是寫JavaScript
平常雖然很忙
但我們四位還是經常一起討論
特別是當遇到問題時,
有人可以幫忙,那種感覺真讚
一人學習一樣, 再一起交流, 進步的真快
公司的企劃也會給我們很多的挑戰性
我們要把天馬行空的想法用程式碼寫出來
很幸運的能來到這樣好的公司
一轉眼也待了快三年
感謝一路走來一起努力的米蘭工作伙件。

留言

HARDMOUSE寫道…
完全同意~~一個人單打有夠慢有夠累的~~

你們有個好老闆阿~~
chiou寫道…
有很多伙伴可以分享、討論真的很好
也感謝老師都會分享很多!!
揪乾蝦!!
梅干扣肉寫道…
無論是Flash開發者,還是從事網頁設計者,
現在要學的東西愈來愈多的,
其實要具備什麼,
有心最重要~~
有心者事盡成~~

呵~但奶綠開出的菜單還真不少~~
梅干得加油了~~
若五年前不要那場狂風暴雨~
我們有可能就是同事了~~
yuxian表示…
同意+1

這個網誌中的熱門文章

webpack2 入門實戰 1

大家好,我是奶綠茶
前端戰場不再只是寫寫 js / css , 各種框架、前處理工具百花齊放
身為前端工程師,不只要把程式寫完,還要寫好
老師說:選對好工具,事情就完成一半
如果你還在一隻 JS 打完全部程式,一隻 css 寫所有的 style
每次存檔還在手動 reload 網頁, 圖片壓 K 壓到不要不要的
透過奶綠伯的系列教學,讓你了解 webpack2 帶來的優勢
學會 webpack 可能不會加薪,但至少可以準時下班(誤)
1. 安裝 nodejs
請參考 gulp 安裝編

2. 安裝 global webpack , 筆者使用的是 2.2.1 版本
npm i webpack@2.2.1 -g
3. 在專案的根目錄放一隻 webpack.config.js
entry:你的主 js 進入點
output.filename:webpack 打包後的檔名
output.path:webpack 打包後的路徑
var path = require('path'); module.exports = { entry: './src/app.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } };
4. require , module.exports
現在前端都 module 化
可以每個獨立的功能都寫成單一的 js module
除了好管理,也方便讓團隊使用
寫一隻 module_exports_util.js
每隻經過 webpack 打包的 js , 都會是獨立的檔案
所以變數都是私有的, 外部成員都無法得到
在這個 module 裡,我們想開放二個函式
add , getName
所以在最後的 module.exports 指定
筆記加入 jsdoc , 為了方便在開發時,能夠有型別的提示

var name = "milkmidi"; /** * @param {number} num1 * @param {number} num2 * @return {number} */ function ad…

webpack2 入門實戰 3 scss,html,file-loader

大家好,我是奶綠茶
上一篇介紹了 webpack 的核心功能 loader
這篇再來補強各種常用的 loader
css-loader:解悉 css 檔
extract-loader:這個有點難翻,下面會介紹
file-loader:存成實體的檔案, 如圖片
html-loader:解悉 html 檔
sass-loader:解悉 scss 檔
url-loader:解悉圖片路徑
webpack.config.js
module.exports = { resolveLoader: { // 所有用到的 loader, -loader 可以不用打 moduleExtensions: [ "-loader" ], }, resolve: { // 在 require 檔案, 如果不想寫完整的路徑 // 可以加入這些目錄, 讓 webpack 自動尋找對的檔案 // 請注意我們加入了 src/img 路徑,後面會再介紹到 modules: [ path.resolve( 'src/html' ), path.resolve( 'src/img' ), path.resolve( 'src/css' ), path.resolve( 'src/js' ), path.resolve( "node_modules"), ], // 在 require 時可以不用打副檔名 extensions: [ ".js", ".scss" ] }, } 再來就是 loader 的介紹
scss
在這要做多組合的應用
先將 .scss 透過 scss-loader 轉換, 並產生 sourceMap 檔
再過 css-loader
最後再過 style-loader
{ test: /\.scss$/, // 多個 loader 組合, 可寫成一行,或…

gulp 前端自動化 - spritesheet

大家好,我是奶綠茶
今天來介紹如何使用 gulp 來自動化將圖片拼成 spritesheet
奶綠我使用的套件是 gulp.spritesmith
https://www.npmjs.com/package/gulp.spritesmith
可以使用 handlebars 格式,拼出自己想要的 css 格式
{{#sprites}} .{{name}} { background-position: {{px.offset_x}} {{px.offset_y}}; width: {{px.width}}; height: {{px.height}}; background-image: url({{{escaped_image}}}); } {{/sprites}} gulp 的設定
gulp.task('sprite',()=>{ console.log('sprite'); const spriteData = gulp.src('src/sprite_src/*') .pipe(spritesmith({ imgName: '../img/sprite.png', cssName: '_sprite.css', padding: 4, imgOpts: { quality: 100 }, cssTemplate: 'src/css/handlebars/basic.handlebars', })); const imgStream = spriteData.img .pipe(buffer()) .pipe(gulp.dest('dist/img/')); const cssStream = spriteData.css .pipe(gulp.dest('src/css')); return merge(imgStream, cssStream); });…