Pimのチームケーススタディ: phpおよびgdとテキストの効果を作成すること
PHPおよびGDとテキストに対する写実的な効果をいかに作成できるか見なさい-影、アーク、壷および色を落としなさい。
問題
技術的なSignsはSraphics Inc.ステッカーをオンラインで販売する考えのウェブサイトを進水させ。 ineterestよりよい顧客を達成するためにはウェブサイトはオンラインステッカーの建築者を統合しなければならなかった。 会社はステッカーのテキストの回転arround 4のタイプのアークを持っていることのような建築者にある特定の条件を持って来た車のためのステッカーをまた提供している。
目的
下検分区域をユーザーに与えなさい
訪問者を壷および色を選ぶことを許可しなさい
低下の影を加え、低下の影色を選ぶことを割り当てなさい
アークにテキストを回すことを割り当てなさい
実時間計算
解決
顧客の興味を高めるための必要性のために私達はのためにグラフを下検分区域で示すとき、それらを見る人々ない完全な数学の方式のために約考えなければならなかったが。
私達がreaveal下ので、何かのための人間のappreceptionsが「完全に」matchematical完全な図滑らかにする少数の問題の行くarroundがあり。
方法
私達は広くテキストの効果のためにPHP GDの図書館を使用しようと思っていた。 それは壷および色の容易な変わり、低下のshawdowsを加え、そしてテキストの回転を提供した。
私達は現われるためにとき色が選ばれるときユーザーのかちりと言う音によってが消える色のpalletesを作成するためにまた持ち、(個人的にここに作成するステッカーを試みることができる)。 隠された層およびJavaScriptを使用して仕事をするために仮定された。
この場所の主要な問題はユーザーがテキストが作成されたarround想像アークのそれらの1つを選ぶとき4つのタイプのアークをそう作成することだった(ベクトル写実的なソフトウェアでのように)。 私達はBezieの方式を調査し、助けとこれらのアークを作成しようと思っていた。
実施
PIMのチームブルガリアに次の特徴が付いている完全な機能オンラインステッカーの建築者を造る仕事があった:
-ステッカーの背景
何人かのユーザーは彼らのステッカーを着色された背景に置いてもらうために仮定された。 私達は下検分区域が指定背景で塗られるようにしなければならなかった。 最初に私達は臨時雇用者のホールダーでイメージを生成した:
//行先のイメージの名前
$dest='decals/「.time ()。」.jpg';
//theの背景
imagefilledrectangle ($im、0、0、590、60、$colors [$_POST [「bcolors」]]);
$colorsの配列は利用できる色を含んでいるデータベースで管理者によって貯えられる。
従って、訪問者が背景を選ぶときそれはimagefilledrectangle機能にparametterとして通じる。
-壷の選択
ユーザーは未来のステッカーに壷を選べるべきである。 壷を私達がすべてと考慮できないこと知っていることは私達がWebサーバの登録簿のそれらをアップロードしなければならなかったすべての訪問者のコンピュータで利用できる。
私達はadminが彼らの名前を加え、admin区域のファイルをアップロードする壷を管理するようにした。
選り抜き箱の壷はデータベースから来た。 指定壷は前に生成されたイメージで引いているimagettftextのfuntionに呼出しで通じた。
-色選択
色選択は色が選ばれるときユーザーがかちりと鳴る現われ、消えるとであるなったパレット。 パレットは色のテーブルおよびこれらの色がまたで定義されると同時に見なければならなかった
adminの区域従ってそれらはdynamicly来なければならなかった。 私達はダイナミック・コンテンツとの静的なJavaScript機能を播かなければならなかった。
私達はデータベースからの色を取って、HTMLのテーブルのためのひもを作成していたPHP周期を作成した。 このテーブルは隠された層の助けによってpalletesを作成するJavaScript機能にそれから通じる:
showTable機能(テーブル)
{
mouseX = window.event.x + document.body.scrollLeft+25;
(table=='background')
{
varのcontent=の"";
var y=460;
}
(table=='fonts')
{
varのcontent=の"";
var y=690;
}
(table=='shadows')
{
varのcontent=の"";
var y=810;
}
document.getElementById (「tabler」) .style.pixelLeft=mouseX;
document.getElementById (「tabler」) .style.pixelTop=y;
document.getElementById (「tabler」) .style.visibility='visible」;
document.getElementById (「tabler」) .innerHTML=content;
}
当然、ユーザーが望ましい色を選べば私達はpalletteを隠さなければならなかった:
機能setColor (elid、色、fromid、shc)
{
document.getElementById (elid) .value=color;
document.getElementById (「tabler」) .style.visibility='hidden」;
}
従って私達は単一のかちりと言う音で現われ、消え、そしてスクリーンの多くのスペースを取らない素晴らしいパレットを作成した。
- Shawdowsを落としなさい
提供されるステッカーに低下の影を持つ機能が加えたある従って私達はオンライン建築者にこの選択を加えなければならなかった。 しかしPHPはそれのための素晴らしい機能を提供されなくて。 私達はテキストを-パーセントとしての色および適切な変位の一度元の100%飽和させたテキストそして一度影二度引くプロシージャを作成した。 当然影は主要なテキストの前のイメージで引かれた。
@imagettftext ($img、20、$gr [$i]、$x+$dx、$ys [$i] +$dy、$scolors [$shadowcolor]、「壷」。$_POST [「壷」]、$word [$i]);
-アーク
主要な問題は私達がアークを通してテキストを「回さなければ」ならなかったときに来た。 最初に私達はカーブを引き、それらの上の手紙を調節するためBezieの完全なfuntionを作成した。 しかし何驚き-カーブは完全なだけ見たが、私達がそれらの上の手紙を調節したときに荒かったようである。
この問題を調査した後私達はantialiseへの荒いスクリーンの決断そして不能がイメージ私達が素晴らしいアークを作成することを可能にしないことを意識した。 私達は不溶解性問題に対して立っていた。
私達は少数のアークを写実的なソフトウェア(CorelDraw)と作成し、間違うことができるものが見ることにした。
私達は手動で調節された後Corelのカーブが大きく見ていたことに気づいた。 但しどうしても完全なカーブをautomaticly作成するためにプログラムを残すことができない。 人間の目は必要カーブが権利をいつ見る、そしていつないか判断するためにだった。
私達は全く違う方向を得た。 私達を助ける普遍的な機能がなかった。 私達が見つけた解決は「手動で」調節する各手紙をあった。 私達は適切な場所のそして適切な回転を用いる各手紙を調節していた場合とテキストがどの位によるあったかプロシージャを作成した。 それは働いた!
私達は各アークのタイプのための2つの配列- 1つの配列および回転を用いる位置の1の配列を作成した。
残りは簡単だった:
($arctype)
{
$start= (35-$l)/2;
($start%2) $start+=1;
$gr=array_slice ($gr、$start、$l);
$ys=array_slice ($ys、$start、$l);
}
(! $arctype)
{
$ys=array ();
$gr=array ();
//making配列
のため($i=0; $i
atecの場所で行き、私達が達成したアークを試みることができる(http://atecsigns.com/decal/step_1.php)。
結果
今度は技術網の建築者を作成し、完全なステッカーをグラフと、計算し、価格をそして許可するあなたの買物車およびchgeckout (買物車ソフトウェアはまたPIMのチームブルガリアによって作成される)にステッカーを加えることを歌った。
建築者は訪問者が望ましいステッカーを色、落とされた影、背景および形と作成し、それを下検分し、異なったサイズおよび量のための費用を計算することを可能にする。
ウェブサイトおよび建築者は大きいラジオ広告の会社と促進された。 その当時テキストのarroundアークを作成することを割り当てたのは唯一のステッカーの建築者だった。
結論
テキストの効果を作成する使用GD
所有するためにGDが提供しないものをのための機能を作成できることを忘れてはいけない
数学の完全な方式を常に捜してはいけない。 写実的な効果は人間の目に意図されている
サーバーの負荷壷
大きい柔軟性を達成する使用JavaScriptおよび隠された層
著者について
ボビーHandzhievはPIMのチームブルガリアの年長の開発者である
http://pimteam.net
admin@pimteam.net
記事のソース: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
ウェブマスター向けのHTMLコードを取得
この記事を追加してお客様のウェブサイトを今しなさい！
ウェブマスター向けの記事を送信してください
登録の必要なし！フォームに記入してください Messaggiamo.Com 記事は、ディレクトリ！
