ساخت وبسایت سه بعدی [بایگانی]

Mostafa_

دوشنبه 26 خرداد 1393, 00:25 صبح

سلام خدمت دوستان عزیز
یه سوال
داشتم تو نت میگشتم دنبال طراحی وب سایت
چشمم خورد یه سایت که واقعا طراحیش باحال بود
منو سمت چپش واقعا سه بعدی بود
اینم عکسش120219

اگه کسی از دوستان میدونه باید چکار کنم لطفا راهنمایی کنه
خیلی دوس دارم یاد بگیرم

vimax23

دوشنبه 26 خرداد 1393, 00:30 صبح

با css3 html5 jquery opengl همه اینا میشه سه بعدی کرد
مثلا اینو (http://www.playmapscube.com/)ببین با opengl هست

mohamad_torabi

دوشنبه 26 خرداد 1393, 00:36 صبح

بهترین روش استفاده از css3 هست چون حجم سایت رو زیاد بالا نمیبره

vimax23

دوشنبه 26 خرداد 1393, 01:57 صبح

بهترین روش استفاده از css3 هست چون حجم سایت رو زیاد بالا نمیبره

البته همه اینها با یوزرهای که ما تو ایران داریم کمتر میشه استفاده کرد ضریب نفوذ اینترنت با توجه به جمعیت ایران پائین هست و از اون طرف سرعت اینترنت ایران واقعا برعکس همه جای دنیا پائین تر هست برای همین خیلی اوقات باید سر و ته کار رو زد
البته با عکس هم میشه اینکار رو کرد غیر از روش هایی که گفته شد اما بازم سنگینه

Mostafa_

دوشنبه 26 خرداد 1393, 10:33 صبح

خوب اقا vimax این سایته که شما معرفی کردین خیلی خیلی حرفه ایه و خیلی هم سنگین
این عکسه که من نشون دادم در حد همین چیزی هست که دیدین
نهایت با چنتا دستور جی کوئری یکم انیمیشنی میکنم سایتو
مساله اصلی این بود که چطور این کارو میشه انجام داد که شما لطف کردین و گفتین
حالا یه سوال دگ
نمیشه فقط با css3 html5 jquery این کاری که من میخوام رو انجام داد
openjlیکم سنگینه برای یه سایت معمولی
و در ضمن هنوز نرفتم دنبالش

Mostafa_

دوشنبه 26 خرداد 1393, 10:38 صبح

mohamad_torabi (http://barnamenevis.org/member.php?277942-mohamad_torabi) فقط سی اس اس خالی نیست چون من کل سی اس اس رو بلدم
نمیشه همچین کاری کرد
همینطور که اقا vimax گفتن css3 html5 jquery هم اجتمالا باید باشه
تست میکنم اگه جواب گرفتم اعلام میکنم

r4hgozar

دوشنبه 26 خرداد 1393, 11:50 صبح

سلام.
میشه با css3 , html5 شبیه این رو در آورد.
ولی اگه می خوای کاملا حرفه ای بشه باید در کنارش از jquery هم استفاده کنی تا زیبایی کارت بیشتر بشه.
موفق باشید.

Omid Jackson

دوشنبه 26 خرداد 1393, 12:22 عصر

یه سری کتابخونه هست مثل three.js که این امکان رو به شما میده سایت رو سه بعدی طراحی کنین
حالا من از رو عکس نتونستم تشخیص بدم که سایت شما دقیقا چطوریه!
با این کتابخونه ها میتونین کد بنویسین بعد با canvas, webGL, ... رندر کنین که بسته به طراحیتون سنگین میشه و بدرد ایران نمیخوره
میتونین اینجا نمونه های three.js رو ببینین
http://threejs.org/

Omid Jackson

دوشنبه 26 خرداد 1393, 13:32 عصر

اگر میخواین بعد معمولی بدین با transform 3d امکانپذیر هستش
http://www.w3schools.com/css/css3_3dtransforms.asp
و باید از perspective استفاده کنین که عمق بده
http://www.w3schools.com/cssref/css3_pr_perspective.asp
اگر وقت کنم یه نمونه براتون درست میکنم

Mostafa_

دوشنبه 26 خرداد 1393, 13:35 عصر

الان من بخوام دقیقا مثل همین عکس رو بسازم باید چکارکنم ؟؟؟
خیلی خیلی سنگین میشه ؟؟
حتما باید از موتور گرافیک استفاده کنم ؟؟
:(

Mostafa_

دوشنبه 26 خرداد 1393, 13:38 عصر

واقعا لطف میکنین اگه این کارو بکنین
ممنونتون میشم
":)

Omid Jackson

دوشنبه 26 خرداد 1393, 13:47 عصر

ببینین من نمیتونم دقیقا همینی که میخواین رو براتون درست کنم نشون بدم چون وقتش رو ندارم ولی این نمونه رو آماده کردم که ببینین حول محور Y که بچرخونین و بهش perspective بدین چطوری میشه که حالا شما برا اینکه بتونین عمق ارتفاعی هم بدین باید از translateZ استفاده کنین، یکم یادگیری 3d توی محیط 2d سخته
http://jsfiddle.net/Blend_Design/2DRHa/

Mostafa_

دوشنبه 26 خرداد 1393, 15:10 عصر

اقا امید دقیقا همین بود
هم از نظر انیمیشنش هم مدل چرخشش
واقعا تشکر
امیدوارم بتونم جبران کنم

vimax23

دوشنبه 26 خرداد 1393, 17:43 عصر

الان من بخوام دقیقا مثل همین عکس رو بسازم باید چکارکنم ؟؟؟
خیلی خیلی سنگین میشه ؟؟
حتما باید از موتور گرافیک استفاده کنم ؟؟
:(

من بهتون که گفتم از این افکت ها میخوایین استفاده کنین بازدیدکننده هدف شما هم از ایران باشه باید صرف نظر بکنی مگر اینکه یه سایت cv واسه خودت باشه نه یه سایت تجاری که مدام با یوزر در ارتباط هست یا سایت مشتری خودت باشه
مرورگرها همه پوشش نمیدن و دو اینکه ایران هدف باشه سرعت پائینه