[제안] SVG로 플래시를 대체해보는 것

dgkim의 이미지

http://www.software.or.kr/ 를 방문하고 역시나. 플래시로 되어 있는 것에 불만을 품고...

SVG로 구현해서 사용하고 계시는 분은 계신가요?
(제 홈페이지 만들면서 2x2 메뉴를 SVG와 JavaScript로 만들었는데)

간단하게 써본 결과로는 백터(?)그래픽이 가능하고, JavaScript로 움직이는 것도 구현가능할 것 같은데..

플래시가 꽤 잘 만들어진 것은 사실이나, 공개(?)가 아닌 것이므로 SVG를 쓰고 싶습니다.

File attachments: 
첨부파일 크기
Plain text icon mainmenu.svg.txt5.48 KB
Plain text icon mainmenu.js.txt26.24 KB
dgkim의 이미지

제가 만든 코드를 첨부해 봅니다.
(실제 자바스크립트 지혜가 없다보니, 주워온 코드를 90% 수정해서 만들었습니다.)

ps. 다시한번 열어봐도 역시나 지저분하고 개념없는 코드...

댓글 첨부 파일: 
첨부파일 크기
Plain text icon 0바이트
Plain text icon 0바이트
정태영의 이미지

dgkim wrote:
플래시가 꽤 잘 만들어진 것은 사실이나, 공개(?)가 아닌 것이므로 SVG를 쓰고 싶습니다.

플래쉬 파일은 오픈 포멧입니다...

http://download.macromedia.com/pub/flash/flash_file_format_specification.pdf

오랫동안 꿈을 그리는 사람은 그 꿈을 닮아간다...

http://mytears.org ~(~_~)~
나 한줄기 바람처럼..

dgkim의 이미지

몰랐습니다.

lifthrasiir의 이미지

정태영 wrote:
dgkim wrote:
플래시가 꽤 잘 만들어진 것은 사실이나, 공개(?)가 아닌 것이므로 SVG를 쓰고 싶습니다.

플래쉬 파일은 오픈 포멧입니다...

http://download.macromedia.com/pub/flash/flash_file_format_specification.pdf

플래시 포맷 자체는 공개되어 있지만 주변 기술(예를 들어서 rtmp 같은 것들)은 공개된 포맷이 아닌 걸로 압니다. 오픈 포맷이라고 하기에 좀 그렇죠.

- 토끼군

다크슈테펜의 이미지

SVG와 플래쉬가 공개냐 아니냐는 일반 유저에게 중요하지 않죠...
우선 중요한게 일반 방문자에게는 얼마나 다이나믹한 환경을 제공하느냐 물론 중요합니다만. 우선 중요한것은 SVG가 얼마나 시스템 자원을 먹느냐도 역시 중요할것 같습니다.플래쉬 대비 SVG 시스템 자원 사용량은 얼마정도나 되는지 궁금합니다.

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

kkb110의 이미지

사실 껍데기만 다를 뿐 하는일은 비슷한데
제대로 만들기만 하면 SVG나 플레쉬나 성능은 거기서 거기 아닐까요

SVG.. 오픈되있는 것도 좋고 만든데도 w3g인데다가 구문도 HTML형제인 XML기반이라 플레쉬 대체하기에 아주 좋죠.
SVG의 에니메이션은 저도 잘 모르는데 SVG + SMIL + ECMA Script 정도로 구현되는 것 같습니다.
흠... 찾아보니 SVG내에 <animate>,<set>,<animateMotion>,<animateColor>,<animateTransform> 등 태그가 있다네요.

XML기반 기술들로 대체할꺼 많죠.
제가 관심있는 부분은 XSL-FO + MathML + SVG로 TEX를 대체하는것인데..
아무튼 XML 기반 기술들 앞으로 정말 기대됩니다.

plusme의 이미지

svg나 swf의 market share를 조금이나마

뺏어오려면

swf의 잘 갖춰져 있는 개발툴 정도가 svg에도 있어야 하지 않을까요..

쓰기편한 개발툴없이 텍스트 기반으로

마치 프로그래밍 하듯 svg를 만들어서

기껏 결과 나와봤자 swf에 비해 혁신적! 으로 좋지 않다면야

아무도 svg 안쓸거 같은데요..

물론 svg를 주로 만드는 사람이 프로그래머가 아니라

지금의 플래시 디자이너 같은...사람들이라면 말이죠..

다크슈테펜의 이미지

plusme wrote:
svg나 swf의 market share를 조금이나마

뺏어오려면

swf의 잘 갖춰져 있는 개발툴 정도가 svg에도 있어야 하지 않을까요..

쓰기편한 개발툴없이 텍스트 기반으로

마치 프로그래밍 하듯 svg를 만들어서

기껏 결과 나와봤자 swf에 비해 혁신적! 으로 좋지 않다면야

아무도 svg 안쓸거 같은데요..

물론 svg를 주로 만드는 사람이 프로그래머가 아니라

지금의 플래시 디자이너 같은...사람들이라면 말이죠..


SVG나 SWF나 마켓쉐어에서는 별로 의미는 없습니다.어짜피 어도비가 SWF를 죽인다고 한다면 못할것도 없습니다.과거에 매크로미디어가 어도비와 경쟁 관계(?)였을때는 몰라도 지금은 한몸이니 이둘의 마켓 쉐어 경쟁은 무의미한겁니다.

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

coyday의 이미지

plusme wrote:
svg나 swf의 market share를 조금이나마

뺏어오려면

swf의 잘 갖춰져 있는 개발툴 정도가 svg에도 있어야 하지 않을까요..

쓰기편한 개발툴없이 텍스트 기반으로

마치 프로그래밍 하듯 svg를 만들어서

기껏 결과 나와봤자 swf에 비해 혁신적! 으로 좋지 않다면야

아무도 svg 안쓸거 같은데요..

물론 svg를 주로 만드는 사람이 프로그래머가 아니라

지금의 플래시 디자이너 같은...사람들이라면 말이죠..

음, 과거에, 그러니까 어도비와 매크로미디어가 합병되기 전에 어도비는 매크로미디어에 의해 주도권을 빼앗긴 웹 벡터 애니메이션의 형국을 뒤집어 보고자 SVG를 밀기 시작합니다. 그리고 님의 생각과는 다르게 Illustrator 9인가 8인가에서부터 SVG로 익스포트할 수 있도록 기능을 넣었죠. (물론 플래쉬에 비하면 미약한 기능이지만.)

그러다가 최근에 두 회사가 합쳐지면서 그러한 경쟁 관계는 의미가 없어졌습니다. 덕분에 SVG는 요즘 낙동강 오리알이 되는 것 아닌가 하는 느낌입니다.

웹 브라우저 플러그인으로 볼 것 같으면, 플래쉬 플러그인과는 다르게 과거 어도비에서 배포했던 SVG Viewer가 무려 18MB가 되었던 걸로 기억하고 있습니다. SVG 데모는 참 흥미로웠는데 좀 아쉽게 되었습니다.

북한산(X) 삼각산(O) 백운대(X) 백운봉(O)

dgkim의 이미지

SVG가 도구는 없지만, 접근하기 쉽지 않을까 생각했는데..

둘다 손대볼 것인가 하는.. (왜 자꾸 홈페이지에서 화려한 것을 하고 싶어하는 것일까..)

전에 어디선가 웹로그 분석 결과를 스태틱이미지(?)가 아닌 플래시로 출력해 주는 프로그램이 있었던데..

그런 걸 해보고 싶고..

저는 아예 들춰보지도 않았지만, SWF가 바이너리라 처리하기 어렵지 않은가 생각하고 있습니다.

어쨌든, 웹에서 JavaApplet이나, 혹은 다른 동적인 프로그램에 자꾸 손이 갑니다.

그리고, 혹시 프레임워크(?)를 사용하고 계신분은 계신가요?
(swf로 꿉는 것이 아닌 동적인 생성이 가능한 프로그램뭉치, 또한 SVG에서도 마찬가지로 동적으로 생성해 줄 수 있는 프로그램세트)
(HTML 프레임워크도 제대로 못 써봤지만..)

다크슈테펜의 이미지

dgkim wrote:
SVG가 도구는 없지만, 접근하기 쉽지 않을까 생각했는데..

둘다 손대볼 것인가 하는.. (왜 자꾸 홈페이지에서 화려한 것을 하고 싶어하는 것일까..)

전에 어디선가 웹로그 분석 결과를 스태틱이미지(?)가 아닌 플래시로 출력해 주는 프로그램이 있었던데..

그런 걸 해보고 싶고..

저는 아예 들춰보지도 않았지만, SWF가 바이너리라 처리하기 어렵지 않은가 생각하고 있습니다.

어쨌든, 웹에서 JavaApplet이나, 혹은 다른 동적인 프로그램에 자꾸 손이 갑니다.

그리고, 혹시 프레임워크(?)를 사용하고 계신분은 계신가요?
(swf로 꿉는 것이 아닌 동적인 생성이 가능한 프로그램뭉치, 또한 SVG에서도 마찬가지로 동적으로 생성해 줄 수 있는 프로그램세트)
(HTML 프레임워크도 제대로 못 써봤지만..)


혹시 플랙스 같은 거 말씀하시는 건가요...?
플랙스라면 좋을 지도 모르겠네요...매크로미디어 사의 사이트에 가셔서 플랙스에 관한 설명한번 들어보세요..기본적으로 XML 마크업 언어로 작성한 소스를 컴파일해서 SWF로 뿌려줍니다.다만 윈도우즈나 다른 운영체제에서 호환성이 부족한 편입니다.하지만 자바와 호환성도 좋으니 액션 스크립트,자바,XML을 사용하신다면 충분히 멋진 사이트가 만들어 질것 같습니다.
http://www.macromedia.com/software/flex/

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

plusme의 이미지

다크슈테펜 wrote:
dgkim wrote:
SVG가 도구는 없지만, 접근하기 쉽지 않을까 생각했는데..

둘다 손대볼 것인가 하는.. (왜 자꾸 홈페이지에서 화려한 것을 하고 싶어하는 것일까..)

전에 어디선가 웹로그 분석 결과를 스태틱이미지(?)가 아닌 플래시로 출력해 주는 프로그램이 있었던데..

그런 걸 해보고 싶고..

저는 아예 들춰보지도 않았지만, SWF가 바이너리라 처리하기 어렵지 않은가 생각하고 있습니다.

어쨌든, 웹에서 JavaApplet이나, 혹은 다른 동적인 프로그램에 자꾸 손이 갑니다.

그리고, 혹시 프레임워크(?)를 사용하고 계신분은 계신가요?
(swf로 꿉는 것이 아닌 동적인 생성이 가능한 프로그램뭉치, 또한 SVG에서도 마찬가지로 동적으로 생성해 줄 수 있는 프로그램세트)
(HTML 프레임워크도 제대로 못 써봤지만..)


혹시 플랙스 같은 거 말씀하시는 건가요...?
플랙스라면 좋을 지도 모르겠네요...매크로미디어 사의 사이트에 가셔서 플랙스에 관한 설명한번 들어보세요..기본적으로 XML 마크업 언어로 작성한 소스를 컴파일해서 SWF로 뿌려줍니다.다만 윈도우즈나 다른 운영체제에서 호환성이 부족한 편입니다.하지만 자바와 호환성도 좋으니 액션 스크립트,자바,XML을 사용하신다면 충분히 멋진 사이트가 만들어 질것 같습니다.
http://www.macromedia.com/software/flex/

그런툴 말고

매크로미디어 사의 플래시 만드는 프로그램 같은

프로그램이 SVG용으로는 "보편화" 되려면

힘들지 않을까 하는거죠..

이미 SWF에 익숙해져있고

SWF로도 충분히 자기가 하고 싶은걸 더 잘표현할수 있는

디자이너 들에게 SVG가 무슨 매력으로 다가올까요?

물론 FLEX 같은 플래시 이용한 기술들 역시

svg가 swf에 비해 그 인프라가 아직 많이 부족한 형편이기도 하고요

어쨌거나.. svg를 사용해야만 하는

어떤 목적이 현재로선 분명치 않다는 것이.. svg의 미래를

불투명하게 하고 있다는 거죠

다크슈테펜의 이미지

그런데 제 생각에도 SVG 미래가 불투명한것은 사실입니다.
이미 한몸이된 어도비가 현재 시장을 개척해야하는 SVG보다 돈이 더욱 많이 되는 SWF를 밀어줄것은 사실인것 같습니다.어도비도 기업이기에 돈이 더 중요한게 아닐까합니다.

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com