TonyATTA_writing

SHORT - wget with agent (alias)

noreply@blogger.com (TonyATTA) — Tue, 31 Oct 2017 16:42:00 +0000

Add this line to ~/.bashrc

alias wget_agent='wget -bqc --user-agent="Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/10.0.648.204 Safari/534.16" '

This could let you use
wget_agent (---link---) (optional: target location)
to perform file download.

Something like this...

pi@pi1bTonyATTA ~ $ wget_agent http://ipv4.download.thinkbroadband.com/20MB.zip
Continuing in background, pid 3376.
pi@pi1bTonyATTA ~ $ ls -al
total 907244
drwxr-xr-x 5 pi pi 4096 Oct 31 16:42 .
drwxr-xr-x 3 root root 4096 Feb 15 2015 ..
-rw-r--r-- 1 pi pi 5509120 Oct 31 16:42 20MB.zip

WebRTC + Preloaded Frame Process

noreply@blogger.com (TonyATTA) — Fri, 04 Apr 2014 13:51:00 +0000

The image here is expressed by dataURL type due to this image will be processed by Pixastic's canvas operation

- jsFiddle demo

WebRTC + Preload Frame

noreply@blogger.com (TonyATTA) — Fri, 04 Apr 2014 07:35:00 +0000

Let's Play Fun!
CAUTION: still need to fix the "vertical picture"'s cropping
DD Ref:
1.Basic Tutorial: MDN WebRTC Tutorial
2.Cross Compatibility: Cross-Browser-Compatible-WebRTC
This example is (1) + (2)'s window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
This is a light, simple, fast demo of WebRTC picture shot.

There are plenty of things to mention.
The (img) latter than (video) will be added with 5px padding.
To align (video) and (img) overlaid on (video)
(img) => should include a CSS class without border, margin, and padding. But still, the padding will be added 5 px from other CSS class.
Since that,
(video) => should include a CSS class without border, margin, and 5px padding to fit with Overlaid image.
Step1: Image Preview Part:

<<==This is a canvas, no padding 5px is added.
<<==This is an image, padding 5px is added.

- jsFiddle demo

Image Overlay with js and CSS

noreply@blogger.com (TonyATTA) — Fri, 04 Apr 2014 04:48:00 +0000

The overlay PNG might not be transparent due to some problems

solution:
you must put following 2 lines css to describe PNG's img

border: none !important;
background: transparent !important

Loading speed may be slow due to some widget's javascript code. i.e. Plurk (will be removed in the future)

Demo of CSS image Overlay

- jsFiddle demo

WebRTC only Demo - Cross Platfrom

noreply@blogger.com (TonyATTA) — Sun, 30 Mar 2014 02:58:00 +0000

Let's Play Fun!
CAUTION: still need to fix the "vertical picture"'s cropping
Ref:
1.Basic Tutorial: MDN WebRTC Tutorial
2.Cross Compatibility: Cross-Browser-Compatible-WebRTC
This example is (1) + (2)'s window.URL = window.URL || window.webkitURL || window.mozURL || window.msURL;
This is a light, simple, fast demo of WebRTC picture shot.
Step1: Image Preview Part:

- jsFiddle demo

Photobooth.js test

noreply@blogger.com (TonyATTA) — Sat, 29 Mar 2014 03:03:00 +0000

The key point is:
Use Document->Ready instead of Window->Load
Otherwise, Photobooth won't be able to execute

PhotoBooth demo

Download the image

Download the image as file (fired by Javascript, with Mathrand to generate different file name), the input is Canvas

Pixastic: A photo blend integration

noreply@blogger.com (TonyATTA) — Mon, 10 Mar 2014 14:54:00 +0000

This is an example of Pixastic "crop", "resize", and "blend"

Let's Play Fun!
Step1: Choose your own image:
Step2: Choose 1 frame to blend.

Step3: Download the image

Download the image as file (fired by Javascript, with Mathrand to generate different file name), the input is Canvas

# note:
since the Pixastic, Canvas can only handle local images
The img's src can only be assigned with DataURL type. Since the DataURL expression will be extremely LONG, that may make you can't save the blog post.
For this case, I have to compress the frame image size and reduce candidate frame image from 3 to 2.

Pixastic crop/blend example w/o seeing cover image

noreply@blogger.com (TonyATTA) — Sun, 09 Mar 2014 15:49:00 +0000

- jsFiddle demo Feature
1> desaturate
2> File save
3> Crop (with pre-defined identical size of frame-image)
4> Blend (blend in a preset image)
Pixastic handle function must be placed under "$(window).load(function() "
otherwise, it won't be able to be triggered!!!

Problem is: must have relative path, can't be "http://....." due to security issue
[this example only works on your OWN HTTP host"

so, to solve this problem, you can't use src="http://....." these kinds of REMOTE image.
You have to use src="/../../image.png" as an local image with relative path, but this can't be achieved under blogspot's image upload. (the image storage has a different domain name other than your own blogspot page)

Solution is:
"src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASA....."
embed the " the="" /> with DataURL, so this will make your HTML code really long just because the image is large to express in ASCII.

For each image, you have to finde out get the "data:image/jpeg;base64,/"?
It's it just takes you to read the image with canvas, use "canvas.toDataURL" and save as text file.
We'll try to provide an example in next page

After click, the 'img' becomes 'canvas' by Pixastic
****In this version: once the file is loaded and displayed in a IMG object, javascript will convert it to CANVAS object for following manipulation and FILE output***

Resert, 'canvas->img'

Show the image only, and be able to download in a new page, the input is Canvas

Download the image as file (fired by Javascript, with Mathrand to generate different file name), the input is Canvas
Download
Download the image as file (fired by HTML onclick=), the input is Canvas

Further Process:

Here we use an to display a "LOCAL" image with DataURL type (such as src="data:image/jpeg;base64,/9j/4AAQSkZJRg...)
This place should be the cover image's display area, to make it disappear, we use style="display:none" to make it vanish.

Get Picture's DataURL string

noreply@blogger.com (TonyATTA) — Sun, 09 Mar 2014 08:01:00 +0000

To manipulate canvas's data, the image data must be local, or in relative path.
BSP doesn't have this kinds of environment, but that doesn't mean you have to pay for a Webhost.
Simply embed "DataURL" object code in img is enough.
This page help you to generate data:image/png;base64

To get your image's DataURL code may need a while, since the text output will be extremely large
Remember to "Allow pop-up window", it will show the code in new window
The code generated here is converted to *.png. It's because the function is called document.getElementById("myImg").toDataURL('image/png')

Pixastic crop/blend example

noreply@blogger.com (TonyATTA) — Sun, 09 Mar 2014 04:22:00 +0000

Pixastic desaturate & download processed image file

noreply@blogger.com (TonyATTA) — Sat, 08 Mar 2014 08:35:00 +0000

desaturate demo with File Save sample (3 methods)
1> directly bring up new window/tab to browse image (window.location.href)
2> use javascript to manipulate a anchor () and set URL as image's DataURL, then make a click
3> a anchor() with onclick event similar to method-2.

After click, the 'img' becomes 'canvas' by Pixastic
Resert, 'canvas->img'
Show the image only, and be able to download in a new page, the input is Canvas, so the Pixastic must be activated
Download the image as file (fired by Javascript, with Mathrand to generate different file name), the input is Canvas, so the Pixastic must be activated
Download Download the image as file (fired by HTML onclick=), the input is Canvas, so the Pixastic must be activated
<!--input type="button" value="Reset"/

jQ upload image preview test

noreply@blogger.com (TonyATTA) — Thu, 06 Mar 2014 03:34:00 +0000

jQuery image upload preview test

source code from jsFiddle

Result:

- jsFiddle demo test code is

BloggerADs

noreply@blogger.com (TonyATTA) — Tue, 21 Sep 2010 02:38:00 +0000

pay
Originally uploaded by TonyATTA

經過一些時間的耕耘，算是拿到了1k左右的報酬
去除參加活動，一個月大約是30元左右，一年300，到目前為止兩年算是賺了一點小錢就是。

Sketch_街景

noreply@blogger.com (TonyATTA) — Fri, 12 Feb 2010 15:45:00 +0000

Sketch_街景
Originally uploaded by TonyATTA

日新威秀前，近景的兩個小東西

構圖到一半學長就來了，馬上跑去買票。
後續的地面、材質與光影都是憑印象畫的

Sketch_消防栓

noreply@blogger.com (TonyATTA) — Fri, 12 Feb 2010 15:44:00 +0000

Sketch_消防栓
Originally uploaded by TonyATTA

第一次嘗試用原子筆繪圖

我真的從BlogAD拿到東西了

noreply@blogger.com (TonyATTA) — Sat, 06 Feb 2010 15:06:00 +0000

BlogADs的點擊廣告計算，比起曝光而言單筆的價格比較高，但不是人人都去點。因此進帳很慢
不過掛一天廣告就有一天紅利點數，累積久了也是能換到小東西。
EX: 鍵盤刷，大概3600點

或者去玩他們的全民酷搜KUSO，辦自己的調查 OR 參加別人的調查，參予討論等，最近都有抽獎，可以拿禮券~ 我就拿到了7-11一百元禮券。連續兩周BlogAD都有寄給我東西。

參加活動，會比拿獎金要快得多。

速寫素描

noreply@blogger.com (TonyATTA) — Sat, 06 Feb 2010 15:04:00 +0000

DSC_0098
Originally uploaded by TonyATTA

電腦用的滑鼠，應該還是偏素描一些，左邊按鍵有點詭異

UDN精選好康活動_09/12/10

noreply@blogger.com (TonyATTA) — Thu, 10 Dec 2009 06:37:00 +0000

Edit: 10-Dec-09

．

電影》福爾摩斯看預告答題抽獎活動

2009-12-01

看完福爾摩斯預告後答，誰破墓而出「挑戰」福爾摩斯？並答本片正式上映日
布萊克伍德公爵 12/24

．

電影》阿凡達電影好康贈獎活動

2009-11-30

看完阿凡達預告後答，預告中提到哪一個前所未見的星球？並答正式上映日
潘朵拉星球 12/17

．

電視》仙劍奇俠傳三贈周邊精美商品

2009-11-30

請問：仙劍奇俠傳三播出的頻道和時間？
東森電影台 ‧播出時間 12月15日(二) 周一至周五晚上八點首播

．

西洋》超人氣魔神Lady Gaga新輯經典齊發

2009-11-26

問題：請問Lady Gaga最新專輯名稱是？
The Fame Monster

．

電影》十月圍城限量電影特映票

2009-11-26

請任舉出「十月圍城」大卡司的其中三位大牌明星？並回答電影上映日
甄子丹黎明梁家輝 12/24

．

西洋》高質感飆車電音重裝飆速

2009-11-25

問題：請問《Baseline Reloaded》專輯分為雙CD，分別是什麼主題？
紅色警戒：硬式舞曲飆風特區：傳思國歌

．

電影》天外奇蹟電影DVD上市贈獎

2009-11-20

看完【天外奇蹟】藍光BD/DVD預告後請答出：簡述卡爾老爺爺一生的夢想是？
冒險

．

電影》變形金剛：復仇之戰DVD贈獎

2009-11-20

看【變形金剛：復仇之戰】介紹後請答出："變形盒雙碟版"出現哪一隻變形金剛？
大黃蜂

．

西洋》泰勒絲無懼的愛冠軍專輯慶功改版

2009-11-13

問題：請問泰勒絲《Fearless》改版專輯新收錄了幾首全新錄音創作？
6

UDN精選好康活動_09/11/03

noreply@blogger.com (TonyATTA) — Tue, 03 Nov 2009 02:09:00 +0000

updated 11/3

．

電視》冰原歷險記超好康贈3C商品

2009-11-01

第一波問答：在「冰原歷險記2」中遇到自己真愛的是哪一隻動物？
長毛象曼尼

．

電視》閃電衝線遙控賽車再現

2009-11-01

閃電衝線的播出時間為？
11月21日起每周六 17：00

．

電視》衛視電影台送限量Q版冰箱

2009-10-31

11月衛視電影台每週一晚上9點任達華主演的機動部隊(PTU)系列裡的工作性質，等同於台灣的哪一種職業？
波麗士大人

．

電影》亡命快劫DVD上市贈獎活動

2009-10-30

看完【亡命快劫】藍光BD/DVD介紹後請答出：誰是地鐵恐怖事件的主謀？
萊德

．

麥可傑克森未來的未來演唱會電影

2009-10-28

【麥可傑克森未來的未來演唱會電影】將在何時與美國同步上映？
10月28日公映

．

西洋》JET噴射機合唱團爆裂搖滾

2009-10-27

請問JET最新專輯名稱是？
爆裂搖滾Shaka Rock

．

電視》人體密碼DVD贈獎

2009-10-25

稻森泉在劇中角色的職業是？
歌姬

．

西洋》拉丁第一女神夏奇拉女狼現身

2009-10-21

請問夏奇拉最新英文專輯名稱是？
She Wolf

．

華語》陳奕迅送上五樓的快活資料夾

2009-10-21

請問陳奕迅最新國語專輯名稱是？
上五樓的快活

UDN精選好康活動_09/10/19

noreply@blogger.com (TonyATTA) — Mon, 19 Oct 2009 12:31:00 +0000

Updated in Oct.19

．

DVD》貧民百萬富翁DVD贈獎

2009-10-17

傑默要答對多少題才能獲得最後大獎？
12

．

DVD》麥可傑克森脫下最後的面具

2009-10-16

麥可憑哪一張專輯的銷售成績成為金氏世界紀錄暢銷專輯保持者？
「顫慄」專輯銷售破一億五百萬張

．

電影》2012 電影好康贈獎活動

2009-10-16

預告中約翰庫薩克提到政府在打造什麼？並答本片上映日
太空船 2009/11/13

．

DVD》非誠勿擾DVD贈獎

2009-10-11

本片男女主角由誰飾演？
舒淇葛優

．

電影》送博物館驚魂夜2超值1&2DVD

2009-10-09

是什麼讓史密森尼博物館的展覽品全數復活！？
復活黃金碑

．

華語》大小姐送迪士尼卡通套票

2009-10-07

請問大小姐是由那兩位團員組成的？
吳兆絃藍愛子

．

DVD》天使與魔鬼DVD上市贈獎

2009-10-02

光明會利用梵蒂岡舉行甚麼會議的時刻來綁架主教？
閉門會議

．

電影》香奈兒的秘密電影特映贈票

2009-10-02

香奈兒的全球代言人是誰？電影正式上映時間為？
安娜莫拉莉 10/23

UDN精選好康活動_09/09/21

noreply@blogger.com (TonyATTA) — Sun, 20 Sep 2009 12:47:00 +0000

Edited in 9/21

．

動漫》飛天小女警限量T恤

2009-09-17

卡通頻道推出那一個卡通作品的限量T恤？
飛天小女警

．

電視》末日預言 DVD贈獎

2009-09-12

約翰找了誰來協助他阻止災難發生？找來的人與寫下預言的人有什麼關係？
當年寫下預言女學生的女兒黛安娜韋倫和孫女愛碧韋倫

．

電視》為愛朗讀 DVD贈獎

2009-09-12

本片改編自哪本小說？女主角由誰飾演？
我願意為你朗讀凱特溫絲蕾

．

電視》墨水心 DVD贈獎

2009-09-11

莫（布蘭登費雪飾演）擁有什魔神奇力量？
魔法舌頭把書中的人物唸出來，變成現實中活生生的人

．

電視》移動城市 DVD贈獎

2009-09-11

超異能者中，最危險、最致命的超能力是什麼？
推手


．	動畫》福音戰士新劇場版：破贈票	2009-09-09

在【破】中有哪一位新角色登場？她是傳說中幾號機的駕駛員？
真希波‧瑪麗‧伊拉絲多莉亞斯 5號機

UDN精選好康活動_09/08/12

noreply@blogger.com (TonyATTA) — Wed, 12 Aug 2009 13:38:00 +0000

Updated 8/12

．

漫畫》1╱2王子虛擬世界展開冒險

2009-08-12

風藍以王子身份進入甚麼遊戲(遊戲名稱)？
第二生命

．

電影》普契尼的秘密情人贈票

2009-08-08

此劇是關於哪一位歌劇大師的故事？
普契尼

．

光速蒙面俠美式足球漫畫神話

2009-08-08

光速蒙面俠以什麼運動為主題？
美式足球

．

電視》八月HBO英雄無敵贈獎

2009-08-01

HBO八月份推出的週日強片是哪三部？
刺客聯盟特務行不行鋼鐵人

．

電視》BBC優質節目花園寶寶

2009-07-31

花園寶寶在YOYOTV幾點播出？
週一至週五上午7：30、下午1：00

UDN精選好康活動_09/07/28

noreply@blogger.com (TonyATTA) — Tue, 28 Jul 2009 13:44:00 +0000

．

東洋》清木場俊介全新的搖滾大門

2009-07-28

請問清木場俊介最新個人專輯名稱是？
《搖滾大門》

．

電影》黃羊川好康贈票

2009-07-28

請問黃羊川紀錄片榮獲什麼獎？
台北電影獎非劇情長片類最佳紀錄片

．

電視》東森洋片台八月強片贈獎

2009-07-25

請問：誰是香奈兒畢生摯愛？電影正式上映時間是？
8月01日：不可能的任務3

．

華語》Joanna & 王若琳 The Adult Storybook

2009-07-23

請問Joanna最新改版專輯名稱是？
《Joanna & 王若琳 The Adult Storybook》

．

電影》看時尚女王香奈兒傳奇一生

2009-07-23

誰是香奈兒畢生摯愛？電影正式上映時間是？
亞瑟卡柏(Arthur Capel) 8/21

．

西洋》另類搖滾海鷗樂團台北開唱

2009-07-22

請問海鷗樂團台北演唱會舉行時間是？
8月5日(三)PM 8：00

．

電影》野球孩子熱血特映會

2009-07-22

野球孩子的主角們是哪一所學校的棒球隊？電影正式上映時間是？
富源國小 8/14

．

東洋》透明系女生新垣結衣 hug抱抱

2009-07-21

請問美樂蒂佳朵最新專輯名稱是？??
[建議暫時不回答]

．

西洋》新世代魅爵女帝美樂蒂佳朵

2009-07-16

請問美樂蒂佳朵最新專輯名稱是？
《為你情狂》

UDN精選好康活動_09/07/15

noreply@blogger.com (TonyATTA) — Wed, 15 Jul 2009 02:17:00 +0000

7/15

．

東洋》福山雅治出道20年紀念專輯

2009-07-15

請問福山雅治最新專輯名稱是？
回響

西洋》Placebo選擇生命的陽光戰役

2009-07-14

請問Placebo最新專輯名稱是？
Battle for the Sun

．

電影》特種部隊：眼鏡蛇的崛起贈獎

2009-07-11

片尾主角如何回答提問？並答本片上映日
I didn't 我沒說 8/7

．

動畫》噬魂者贈馬克杯及T-Shirt

2009-07-10

噬魂者播出的頻道及時間？
東森電影 7月22日起週一至週五晚間七點

．

華語》許茹芸送和你一起單曲

2009-07-10

請問許茹芸最新專輯名稱是？
愛．旅行．一公里 my love journey 1km


．	華語》阿密特送張惠妹好禮	2009-07-09

請問阿密特新專輯是由哪兩位包辦製作？
阿弟仔與張惠妹

．

東洋》椎名林檎全新專輯三文八卦

2009-07-07

請問椎名林檎最新專輯名稱是？
三文八卦

．

電影》白銀帝國電影贈獎活動

2009-07-04

【白銀帝國】中提到的勞方身股制度是什麼意思？並答本片上映日
員工配股 7/31

．

動畫》與巴席爾跳華爾滋

2009-07-03

因為誰被暗殺讓長槍黨遷怒巴勒斯坦人？
當選總統的基督徒長槍黨民兵領袖巴席爾．賈梅耶

．

DVD》風靡全球超可愛動畫！笑笑羊

2009-07-02

羊群中的唯一的小羊叫甚麼名字？
提米

．

電影》送心靈鐵窗原著小說「男孩A」

2009-07-02

看完本頁介紹之後回答，暢銷小說「男孩A」的電影原著作者是誰？
喬納森‧崔格爾

UDN追星好康活動_09/06/29

noreply@blogger.com (TonyATTA) — Tue, 30 Jun 2009 12:14:00 +0000

Edit in 6/30

．

東洋》松任谷由實睽違三年原創大碟

2009-07-01

請問松任谷由實最新發行的專輯名稱是？
夢想起飛

．

華語》黃雅莉不怕送簽名單曲

2009-07-01

請問黃雅莉的全新專輯名稱是？
雅莉不怕

．	DVD》深具震撼！赤色謊言贈獎	2009-07-01

特赦的要件是甚麼？
坦白招供

．

電影》凌瀨遙巨乳排球限量電影贈票

2009-07-01

【巨乳排球：熱血校隊的決勝心願】故事發生背景?並答本片上映日
成為排球隊顧問,為激起他們的求勝心, 7/24

．

DVD》情不自禁愛上你贈獎

2009-06-30

蘿西的工作是甚麼？
電視製作人

．

卡通》愛吃鬼巧達贈周邊商品

2009-06-30

巧達在甚麼地方學習廚藝？
夢多飲食服務公司廚師夢多門下

．

華語》傳奇棒棒堂送撲克牌及海報

2009-06-30

請問棒棒堂第二張全新專輯名稱是？
《我是傳奇》

．

星書》陳喬恩喬見‧巴黎贈書

2009-06-30

喬恩這次到那個城市旅行？她在哪個小鎮遙想畫家梵谷？
巴黎奧維小鎮

．

電視》東森電影台潮流電影Fun暑假

2009-06-29

以下那部片不是東森電影台七月即將播出的首播片？
REF:UDN追星好康活動_09/06/22

．

電視》東森洋片台週六週日強片贈獎

2009-06-29

參加活動去》

．

電視》印地安納瓊斯冒險全系列播出

2009-06-28

MAX頻道將在七月每周六播出由哈里遜福特主演什麼系列的電影？播出時間為何晚上幾點？
印地安納瓊斯晚間9:00

．

DVD》黑暗之光首部曲微光城市

2009-06-28

片中企圖找出逃生之路的是一對幾歲的少年少女？
12

TonyATTA_writing

SHORT - wget with agent (alias)

WebRTC + Preloaded Frame Process

WebRTC + Preload Frame

Image Overlay with js and CSS

WebRTC only Demo - Cross Platfrom

Photobooth.js test

PhotoBooth demo

Pixastic: A photo blend integration

Pixastic crop/blend example w/o seeing cover image

Get Picture's DataURL string

Pixastic crop/blend example

Pixastic desaturate & download processed image file

jQ upload image preview test

BloggerADs

Sketch_街景

Sketch_消防栓

我真的從BlogAD拿到東西了

速寫 素描

UDN精選好康活動_09/12/10

UDN精選好康活動_09/11/03

UDN精選好康活動_09/10/19

UDN精選好康活動_09/09/21

UDN精選好康活動_09/08/12

UDN精選好康活動_09/07/28

UDN精選好康活動_09/07/15

UDN追星好康活動_09/06/29

速寫素描