SIR - 개발자 커뮤니티

지운아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

알찬돌삐

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

벤지

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

대충해보니
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

TopSchooL

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

THIRD

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

다케미카코

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

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

cshop2

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

윈7, 윈8 설치 잘되는데 아마 64bit 에서만 돌아가나 봅니다. XP 에서 설치가 안된다고 하시니...

기능은 좋은데 많이 무겁습니다. (드림위버 CS6 에 비교해서 2배정도 무거운듯....)

랩탑에 설치했더니 랩탑에서는 버벅거리네요.

모노폴리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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

모노폴리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

12년 전

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.