Rockhand로 원 소스 멀티 사이즈 스플래시 이미지 생성

안녕하세요, @isseium입니다.
이 기사는 Titanium Advent Calendar 2014의 2일째 기사가 됩니다!

Titanium에서 iPhone/Android 양대응의 앱을 개발하고 있을 때, 스플래쉬 화상을 대량으로 만들 필요가 있어 고생한 경험, 누구나 있군요!

왜냐하면 이렇게 만들지 않으면 안됩니다. ( 참고 )





스플래시 윈도우는 비율이 320x480이거나, 800x480이거나 마을로 간단하게 확대·축소하면 이미지가 늘어납니다. 게다가 배치가 귀찮아! ! ! (특히 Android)

하고 싶은 일





위와 같은 1장의 정사각형 파일과 배경색을 지정하면 아래와 같은 스플래시 윈도우용 이미지를 커맨드 한발로 만든다!



Rockhand를 사용합시다.



Rockhand는 Titanium 개발에서 발생하기 어려운 작업을 자동화한 유틸리티군입니다.
라고 해도 내가 개인적으로 만들고 있을 뿐입니다. 지금은 ShellScript로 작성되었습니다.
htps : // 기주 b. 코 m / 이세이 m / 로 ck 땜 d
  • 원 소스 멀티 사이즈 아이콘 생성 ( rockhand icon )
  • 원 소스 멀티 사이즈 스플래시 생성 (rockhand splash)

  • 두 가지 기능 만 있습니다.

    이치오 Titanium과 같은 Apache 라이센스로 느슨하게 배포하고 있습니다.
    fork & Pull Request 환영합니다.

    실행 방법



    운영 환경



    imagemagick마저 들어 있으면 Linux등의 환경에서도 움직인다고 생각합니다.
  • alloy 1.3.1 ※ 여러 가지 사정으로 오래된 Alloy에서만 확인하고 있습니다.
  • Mac OS X Merverics
  • ImageMagick 6.8.9

  • 실행 방법


  • 베이스가 되는 아이콘을 준비합니다(투과 png)
  • 실행
  • $ ./rockhand splash <ベース画像> <Titaniumプロジェクトホーム>
    

    예를 들어, images/defaults.png를 기반으로 배경색이 녹색의 스플래시 이미지를 생성하려면 이런 느낌이 듭니다.
    ./rockhand splash -b "#00FF00" images/default.png ~/repos/TiSample            
    generating...  width=320        height=480      filename=/Users/issei/repos/TiSample//app/assets/iphone/Default.png     depth=72
    generating...  width=640        height=960      filename=/Users/issei/repos/TiSample//app/assets/iphone/[email protected]  depth=72
    generating...  width=640        height=960      filename=/Users/issei/repos/TiSample//app/assets/iphone/[email protected]  depth=72
    (以下略)
    

    매우 간단합니다!

    Happy Titanium Programming!!



    3일째는 TitaniumMobile 공부 에서 언제나 신세를 지고 있다 @h5y1m141씨입니다!



    이쪽도 부디! !
  • Node.js에서 iOS 앱에 필요한 아이콘 이미지를 함께 생성합니다.

  • Titanium 어드벤트 캘린더의 마지막에, 「내일은 @h5y1m141 씨입니다! 하고 있습니다 — KOMATSU Issei (@isseium) 2014, 12월 1

    좋은 웹페이지 즐겨찾기