http://www.youtube.com/googlewebdesigner
ㅎㄷㄷ하네요.

ㅎㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ

대충해보니
html5 생성하는 툴로 미래를 내다보고 개발한 툴이네요...
소스가 길지도 않고
( 벡터 방식이 들어간것 같은 일부 소스...꼭 3d 호환 포맷 dxf 보는것 같은... )

구경하시라고 대충 그려서 생성한 코드 올려 봅니다.

<!DOCTYPE html>
<html>

<head data-gwd-animation-mode="quickMode">
<meta name="generator" content="Google Web Designer 1.0.0.924">
<meta name="template" content="Banner 1.0.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
-webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
-webkit-transform: translateZ(0px);
}
.gwd-page-size {
width: 300px;
height: 250px;
}
.gwd-canvas-051l {
position: absolute;
width: 182px;
height: 156px;
left: 60px;
top: 46px;
color: rgb(0, 0, 0);
-webkit-transform: matrix3d(0.1097678913, 0.5145456165, 0.8504080307, 0, -0.0957220401, 0.8570736978, -0.5062232389, 0, -0.9893373041, -0.0258357342, 0.1433325286, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
-webkit-transform-style: preserve-3d;
}
.gwd-div-qkk1 {
position: absolute;
width: 335.2551040107px;
height: 166.8870859252px;
left: 129px;
top: -158px;
font-family:'Times New Roman';
text-align: left;
background-image: none;
background-color: rgb(196, 43, 43);
-webkit-transform-style: preserve-3d;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
.gwd-gen-hxz7 .gwd-gen-gpbjgwdanimation {
-webkit-animation: gwd-gen-gpbjgwdanimation_animation 2s linear 0s 1 forwards;
}
.gwd-gen-hxz7 .gwd-gen-x7eogwdanimation {
-webkit-animation: gwd-gen-x7eogwdanimation_animation 2s linear 0s 1 forwards;
}
@-webkit-keyframes gwd-gen-gpbjgwdanimation_animation {
0% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.800657472, 0.5878786608, 0.1155261565, 0, -0.5048656421, 0.7658539133, -0.3982191193, 0, -0.3225806816, 0.2605119262, 0.9099863956, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
50% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.800657472, 0.5878786608, 0.1155261565, 0, -0.5048656421, 0.7658539133, -0.3982191193, 0, -0.3225806816, 0.2605119262, 0.9099863956, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
100% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(0.1097678913, 0.5145456165, 0.8504080307, 0, -0.0957220401, 0.8570736978, -0.5062232389, 0, -0.9893373041, -0.0258357342, 0.1433325286, 0, 12.3003780136, -2.043189242, -1.1611323388, 1);
}
}
@-webkit-keyframes gwd-gen-x7eogwdanimation_animation {
0% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5248560421, 0.8511910098, 0, 0, -0.8511910098, -0.5248560421, 0, 0, 0, 0, 1, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
50% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
100% {
-webkit-animation-timing-function: linear;
-webkit-transform: matrix3d(-0.5045240092, 0.8182173136, 0.2756373558, 0, -0.7926617396, -0.3123980832, -0.5235406425, 0, -0.3422614365, -0.4826260098, 0.8061818925, 0, 2.2488894471, -1.200992634, 19.3870787251, 1);
}
}
</style>
<script type="text/x-serialization" id="gwd-serialization">
{
"version": 1,
"content": {
"type": "rad.ad.RichMedia",
"properties": {
"environment": "@environment"
},
"children": [
"@page1"
]
},
"objects": {
"environment": {
"type": "rad.environment.DoubleClickStudio",
"properties": {
"isBanner": true

써보고 싶은데 설치가안되네요 ㅋ

어도비 엣지 대항마인가요 ㅎㅎ

저도 설치가 안되네요 쿨럭. 회사에서 xp 버전인데

집에 가서 한번 설치 해 봐야 겠음 ㅠㅠ

어도비 엣지도 64bit 이상에서만 설치되더라구요. 이것도 마찬가지인듯... 선택의 폭이 넓어졌네요. 어도비만 또 죽어 나가는건지 ㅋㅋㅋ

System requirements

Minimum Recommended
Operating system Windows® 7/ Windows 8
Mac® OS X 10.7.x or later Windows® 7/ Windows 8
Mac® OS X 10.7.x or later
Processor Intel Pentium® 4 or AMD Athlon 64 processor Intel Pentium® 4 or AMD Athlon 64 processor
Memory 2 GB RAM 4 GB RAM
Screen resolution 1280x1024 1920x1080
Application window size 1024x768 minimum 1024x768 or larger
Internet connection Required for initial use after download, for updates, and for help access. Required for initial use after download, for updates, and for help access.

대단하네요..

대박...html5 까지..

우와~ 잘돌아가네요` 윈7 64비트

13년도에 이런 글이 올라왔다니..... 허 이제 알았음