[B! 3d] soratomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

soratomo id:soratomo

3dã«é–¢ã™ã‚‹soratomoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

é ‘å¼µã‚‰ãªã„3Dè¡¨ç¾ï¼ WebGLã‚’ä½¿ã‚ãšã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§3Dã‚’å®Ÿç¾ã™ã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - ICS MEDIA
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹3Dè¡¨ç¾ã¯ãƒªãƒƒãƒã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®èˆˆå‘³ã‚’æƒ¹ãã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—3Dã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å®Ÿè£…ã¯æŠ€è¡“ãƒ¬ãƒ™ãƒ«ã‚‚é«˜ãã€äºˆç®—ã‚‚è±Šå¯Œã§ãªã„ã¨é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ãã“ã§ã€ä»Šå›žã¯WebGLã‚„ä»£è¡¨çš„ãª3Dãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®Three.jsã‚’ä½¿ã‚ãªã„ã§3Dè¡¨ç¾ï¼ˆã‚ã‚‹ã„ã¯3Dé¢¨ï¼‰ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ 3Dã‚’æ„Ÿã˜ã‚‹ç†ç”± ã¾ãš3Dã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„Ÿã˜ã•ã›ã‚‹ç†ç”±ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ç´™é¢ã«ã—ã¦ã‚‚ç”»é¢ã«ã—ã¦ã‚‚å®Ÿæ…‹ã¯2Dã®å¹³é¢ä¸–ç•Œã§ã™ã€‚ç”»é¢ã®ä¸ã§3Dã‚’æ„Ÿã˜ã‚‹ã®ã¯ã€äººé–“ãŒ2Dçš„ã«æã‹ã‚ŒãŸã‚‚ã®ã‹ã‚‰å¥¥è¡Œãã‚’çŸ¥è¦šã™ã‚‹ç‰¹æ€§ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ãŸã¨ãˆã°ã€ã™ã¼ã¾ã£ã¦ã„ã2æœ¬ã®ç·šãŒã‚ã‚‹ã¨ç·šãŒå¹³è¡Œã§ã‚ã‚‹ã¨èªçŸ¥ã—ã€å¥¥è¡Œãã‚’æ„Ÿã˜ã¾ã™ã€‚ã“ã®ç¾è±¡ã‚’ä½“ç³»åŒ–ã—ãŸã‚‚ã®ãŒé è¿‘æ³•ã§ã™ã€‚ ã‚ˆã‚Šå…·ä½“çš„ãªæ‰‹æ³•ã¨ã—ã¦é€è¦–å›³æ³•ãŒã‚ã‚Šã¾ã™ã€‚Three.jsã‚’ä½¿ã£ãŸ3Dè¡¨ç¾ã‚‚ã“ã®é€è¦–å›³æ³•ã«ã‚ˆã£ã¦æç”»ã•ã‚Œã¦ã„ã¾ã™ã€‚æç”»è‡ªä½“
soratomo 2023/05/20
css

3d
ãƒªãƒ³ã‚¯
How to make clouds with CSS 3D - Blog - Clicktorelease
Reading time: 5 minutes Topics: CSS, 3d transf orms, JavaScript This is a legacy post, ported from the old system: Images might be too low quality, code might be outdated, and some links might not work. A tutorial on how to use CSS 3D Transf orms to create sprite-based 3D-like clouds like these ones. Introduction This tutorial will try to guide you through the steps to create a 3D-like, billboard-ba
soratomo 2013/02/12
ã‚ã®é›²ã‚’ãŽã‚…ã‚“ãŽã‚…ã‚“å‹•ã‹ã™ãƒ¤ãƒ„ã®èª¬æ˜Žã€‚

CSS3

3D

tutorial
ãƒªãƒ³ã‚¯
CSS3D Clouds
An experiment on creating volumetric 3d-like clouds with CSS3 3D Transf orms and a bit of Javascript. Check out the tutorial here! Move the mouse to rotate around and mouse wheel to zoom in and out. Hit space to generate a new cloud. Works on Firefox (faster if Nightly), Chrome and Safari.
soratomo 2013/02/12
ã¶ã£é£›ã‚“ã§ã‚‹ã€‚

CSS3

3D

javascript
ãƒªãƒ³ã‚¯
PFold: Paper-Like Unfolding Effect
CSS 3D transf orms are not supported in your browser Sorry, only modern browsers. Dear Allen, I just wanted to let you know that you left the garage door open and all the monkeys could get away! Great job! How often did I tell you NOT to forget to close it. On top of all that you also left the gate open and now they are literally in the wild! Anyway, just wanted to say THANKS for that! Yours, Barba
soratomo 2012/10/19
jQueryã¨CSS3ã§æ‰‹ç´™ã‚’é–‹ãã‚ˆã†ãªæ¼”å‡ºã€‚

javascript

CSS3

3D
ãƒªãƒ³ã‚¯
Meny - A three dimensional and space efficient menu concept
A three dimensional and space efficient menu. Move your mouse towards the arrow â€” or swipe in from the arrow if you're on a touch device â€” to open. Test it with any page by appending a URL, like so: lab.hakim.se/meny/?u=http://hakim.se. Meny can be positioned on any side of the screen: top - right - bottom - left Instructions and download at github.com/hakimel/meny. The name, Meny, is swedish. Cre
soratomo 2012/10/18
ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç«‹ä½“çš„ã«é£›ã³å‡ºã•ã›ã‚‹ãƒ¤ãƒ„ã€‚

3D

CSS3

ui

javascript
ãƒªãƒ³ã‚¯
How to Illustrate a Microscope in Illustrator | Envato Tuts+
The microscopes is a symbol of our civilization. Throughout this tutorial on how to illustrate a vector microscope you'll take advantage of numerous Illustrator tools. You will learn how to use blends, art brushes and 3D rendering in Adobe Illustrator. Let's get started! Step 1 First, create a horseshoe shaped path, filled with dark color. Go to Effect > 3D > Extrude & Bevel, and set there the val
soratomo 2012/01/31
ã‚¤ãƒ©ãƒ¬ã§ï¼“Dä½¿ã†ç·´ç¿’ã«ãƒ»ãƒ»ãƒ»STEP3ã‹ã‚‰é¬¼é–€

illustrator

tutorial

3D
ãƒªãƒ³ã‚¯
From catastrophe to can-do | Johnson Banks
From catastrophe to can-do
soratomo 2012/01/31
3Dã§æœ‰åãªãƒ•ã‚©ãƒ³ãƒˆã‚’ç´¹ä»‹

font

3D
ãƒªãƒ³ã‚¯
ã¾ã‚‹ã§é”æ³•ã®ã‚ˆã†ã ã€‚ï¼’Dã®å›³å½¢ã‚’è¼ãï¼“Dç”»åƒã«ã—ã¦ãã‚Œã‚‹Photoshopã‚¢ã‚¯ã‚·ãƒ§ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
Magic 3D Photoshop Action | Vandelay Design Blog ã¾ã‚‹ã§é”æ³•ã®ã‚ˆã†ã (iPadã®CMé¢¨ï¼‰ã€‚ï¼’Dã®å›³å½¢ã‚’è¼ãï¼“Dç”»åƒã«ã—ã¦ãã‚Œã‚‹Photoshopã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã€‚ ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ï¼’Dã®å›³å½¢ãŒãƒ”ã‚«ãƒ”ã‚«è¼ãMac OSã®ã‚¢ã‚¤ã‚³ãƒ³ã¿ãŸã„ã«ãªã‚Šã¾ã™ã€‚ã‚µã‚¤ãƒˆã®ãƒã‚´ãªã‚“ã‹ã«é©ç”¨ã—ã¦ã¿ã¦ã‚‚é¢ç™½ãã†ã§ã™ã€‚ ã“ã†ã„ã†ç‰©ãŒã„ã£ã±ã„ã‚ã‚‹ã¨æœ¬å½“ã«æ¥½ã«ãªã‚Šãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Instagramé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹Photoshopã‚¢ã‚¯ã‚·ãƒ§ãƒ³é›† è‰²èª¿ã‚’æ§˜ã€…ã«å¤‰ãˆã¦ãã‚Œã‚‹Photoshopã‚¢ã‚¯ã‚·ãƒ§ãƒ³80
soratomo 2011/08/27
photoshop

3D
ãƒªãƒ³ã‚¯
Create Super Glossy 3D Typography in Illustrator and Photoshop | Envato Tuts+
In todayâ€™s tutorial we will demonstrate how to create super glossy 3D typography using Illustrator and Photoshop. Letâ€™s get started! Create awesome text effects with 3D Layer Styles from Envato Market. 1. How to Set Up the Text Step 1 Open Illustrator and create a new RGB document, 1000px by 800px, 72 DPI, and write your text in a nice big font. I've used Marketing Script size 234pt.
soratomo 2010/12/05
å…‰æ²¢ã®ã‚ã‚‹ç«‹ä½“çš„ãªãƒã‚´æ–‡å—ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

tutorial

3D
ãƒªãƒ³ã‚¯
http://www.is-real.net/experiments/css3/wonder-webkit/
soratomo 2010/11/03
safari ã‹ chrome ã§è¦‹ã‚‹ã¨ wonder-wall ï¼ˆä¸æ‘å‹‡å¾ï¼‰ã°ã‚Š

CSS3

javascript

3D
ãƒªãƒ³ã‚¯
12 Best And Creative Photoshop 3D Text Effect Tutorials
12 Best And Creative Photoshop 3D Text Effect Tutorials by Vikas on August 19th, 2010 Â Â Â 6 Comments Â» Share Photoshop 3d text effects are most popular technique among the designers of adobe photoshop software. Because now a days, animation is growing day by day in web designs. We can see number of websites uses 3d test effects in web design and make it beautiful and attractive. Typography and po
soratomo 2010/08/20
ãƒ•ã‚©ãƒˆã‚·ãƒ§ã§ï¼“Dãƒ†ã‚ã‚¹ãƒˆãƒã‚´ã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«12é¸

3D

photoshop

tutorial

logo
ãƒªãƒ³ã‚¯
Adobe Illustrator, Photoshop Tutorials & Lessons | Computer Graphics for Illustration Students
Adobe Illustrator & Photoshop Tutorials & Lessons Computer Graphics Illustration Tutorials, Tips, & Tricks for Students Updated: August 06, 2008 This is a free illustration tutorial site designed to provide helpful information related to computer graphics. Listed below are numerous illustration tutorials and drawing lessons for all skill levels. Additionally, there are detailed step-by-step Adobe
soratomo 2010/07/14
é è¿‘æ³•ã‚„ã‚¤ãƒ©ãƒ¬ã§ï¼“Dã®è§£èª¬ã€‚ã‚ã¡ã‚ƒã™ã”ã„

Illustration

illustrator

tutorial

3D
ãƒªãƒ³ã‚¯
å†™çœŸã«åŸºã¥ã3Dç©ºé–“æ§‹ç¯‰æ‰‹æ³•ã®åˆ°é”ç‚¹ - A Successful Failure
ä¸€æ˜”å‰ã¯å®Ÿä¸–ç•Œã®å»ºç¯‰ç‰©ã‚’å…ƒã«ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼å¯èƒ½ãª3Dç©ºé–“ã‚’æ§‹ç¯‰ã—ã‚ˆã†ã¨æ€ã£ãŸã‚‰ã€ã¾ãšå„éƒ¨å±‹ã®å½¢çŠ¶ã‚’è¨ˆæ¸¬å™¨ã‚’ç”¨ã„ã¦è¨ˆæ¸¬ã—ã€ãã®è¨ˆæ¸¬çµæžœã«åŸºã¥ã„ã¦äººæ‰‹ã§ãƒ¢ãƒ‡ãƒ«åŒ–ã—ã€é ˜åŸŸã”ã¨ã«ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’è²¼ã‚Šã€ç…§æ˜Žã‚’è¨å®šã—ã¦â€¦â€¦ã¨æ°—ã®é ããªã‚‹ã‚ˆã†ãªä½œæ¥ãŒå¿…è¦ã ã£ãŸã€‚3Dç©ºé–“ã®æ§‹ç¯‰ã¯æ¥µã‚ã¦ã‚³ã‚¹ãƒˆã®é«˜ã„ä½œæ¥ã ã£ãŸãŒã€è¿‘å¹´ã§ã¯2æ¬¡å…ƒç”»åƒï¼ˆå®Ÿå†™å†™çœŸï¼‰ã«åŸºã¥ã„ãŸ3Dç©ºé–“ã®æ§‹ç¯‰æ‰‹æ³•ãŒé•·è¶³ã®é€²æ©ã‚’é‚ã’ã¦ãŠã‚Šã€ä»¥å‰ã«æ¯”ã¹ã‚Œã°æ¥µã‚ã¦ä½Žã‚³ã‚¹ãƒˆã«3Dç©ºé–“ã‚’æ§‹ç¯‰ã™ã‚‹äº‹ãŒå¯èƒ½ã¨ãªã£ã¦ã„ã‚‹ã€‚ ã€å‘ŠçŸ¥ã€‘Twitterã¯ã˜ã‚ã¾ã—ãŸã€‚@LunarModule7ã§ã™ã€‚ èˆˆå‘³ã®ã‚ã‚‹ã‹ãŸã¯ãƒ•ã‚©ãƒãƒ¼ãã ã•ã„ã¨ã—ã°ã‚‰ãå®£ä¼ã€‚ ä»Šã§ã¯ãƒãƒ©ãƒãƒ©ã«æ’®å½±ã—ãŸå†™çœŸã‹ã‚‰ã€å…¨è‡ªå‹•ã§3Dç©ºé–“ã‚’æ§‹ç¯‰ã—ã€å†…éƒ¨ã‚’è‡ªç”±ã«ã‚¦ã‚©ãƒ¼ã‚¯ã‚¹ãƒ«ãƒ¼ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ãƒ¯ã‚·ãƒ³ãƒˆãƒ³å¤§å¦ã¨Microsoft ReseachãŒ2009å¹´ã«ç™ºè¡¨ã—ãŸç ”ç©¶*1ã¯ç¾æ™‚ç‚¹ã«ãŠã‘ã‚‹é›†å¤§æˆã¨ã‚‚è¨€ãˆã‚‹ã‚‚ã®ã¨ãªã£
soratomo 2010/01/04
3d

photograph

cg
ãƒªãƒ³ã‚¯
ç¾Žã‚‰æµ·ç™ºè¦‹.jp
ç¾Žã‚‰æµ·ã€ã¾ã‚‹ã”ã¨ã€æ°´æ—é¤¨ã€‚ä¸–ç•Œæœ‰æ•°ã®ç¾Žã—ã•ã‚’èª‡ã‚‹ã€æ²–ç¸„ã®æµ·ã€‚ãã“ã§ã¯æ—¥å¤œã€é›„å¤§ãªå‘½ã®å–¶ã¿ãŒç¹°ã‚Šåºƒã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æ²–ç¸„ç¾Žã‚‰æµ·æ°´æ—é¤¨ã¯ã€ãã®ç¾Žã—ã•ã€è±Šã‹ã•ã€å¤§åˆ‡ã•ã‚’ä¼ãˆã‚‹ãŸã‚ã«ã€ã‚µãƒ³ã‚´ç¤ã‹ã‚‰æ·±æµ·ã¾ã§ã€æ²–ç¸„ã®æµ·ã‚’ã¾ã‚‹ã”ã¨å†ç¾ã—ã¦ã„ã¾ã™ã€‚ãã“ã«ç”Ÿãã‚‹ç”Ÿç‰©ãŸã¡ã®ã‚ã‚Šã®ã¾ã¾ã®å§¿ã¨ã¨ã‚‚ã«ã€æ²–ç¸„ã®æµ·ã‚’æ„Ÿã˜ã¦ãã ã•ã„ã€‚
soratomo 2009/03/23
3d

webdesign

travel

movie

motion

flash
ãƒªãƒ³ã‚¯
THE ECO ZOO | ECODA!DOBUTSUENï¼ˆåŸŽæˆ¸é›…è¡Œï¼‰
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com ã¯ GMOã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚°ãƒ«ãƒ¼ãƒ—(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…ã‚·ã‚§ã‚¢No.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ â€»è¡¨ç¤ºä¾¡æ ¼ã¯ã€å…¨ã¦ç¨Žè¾¼ã§ã™ã€‚ â€»ã‚µãƒ¼ãƒ“ã‚¹å“è³ªç¶æŒã®ãŸã‚ã€ä¸€æ™‚çš„ã«å¯¾è±¡ã¨ãªã‚‹æ–™é‡‘ã¸ä¸€å®šå‰²åˆã®ã€Œã‚µãƒ¼ãƒ“ã‚¹ç¶æŒèª¿æ•´è²»ã€ã‚’åŠ ç®—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ â€»1 ã€Œå›½å†…ã‚·ã‚§ã‚¢ã€ã¯ã€ICANN(ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’ç®¡ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ æ—¥æœ¬ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(ãƒ¬ã‚¸ã‚¹ãƒˆãƒ©)ï¼ˆã€ŒICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæä¾›ï¼‰å†…ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’å¯¾è±¡ã€‚ ãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã€ŒGMO Internet Group, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’é›†è¨ˆã€‚ 2023å¹´5æœˆæ™‚ç‚¹ã®èª¿æŸ»ã€‚
soratomo 2008/06/26
é£›ã³å‡ºã™çµµæœ¬ã€‚ã‚¹ãƒ ãƒ¼ã‚ºã§è»½ãå¿ƒåœ°ã‚ˆã„

flash

3d
ãƒªãƒ³ã‚¯
1