ドットインストール代表のライフハックブログ
レベルデザインとは? レベルデザインとは、ゲームシーンあるいは舞台といった「レベル」を作成することです。 良いレベルデザインにするためには、ゲームの難易度やバランスをよく考え、プレイヤーが進捗感や達成感を得られるような課題や挑戦を配置することが必要です。 レベルエディタ レベルエディタとは、レベルを作成するためのツールのことです。 一般的なレベルエディタでは、 地形 アイテム 敵キャラ イベント などを配置することができます。 これがあると、レベルの調整が容易になります。例えば、2Dゲームのレベルエディタとしてよくあるのが、お絵かきツールように、マップチップを配置するツールです。 たとえば「Platinum」 のような「パーツ」のウィンドウから、チップを選択してちくちく配置するツールです。他にも、フィールド(地形)とキャラ(プレイヤー・敵・アイテムなど)の2つをそれぞれ「レイヤー」という単
レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応/変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。
昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、
背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。 壁紙素材:Energy flow background 以下、Photoshopのチュートリアルです。
はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい! 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
新しいはてなブックマークのデザイン,PCで観ているブクマヘビーユーザーからは概ね評判が悪い.これは一ページの情報量がごっそり減ってしまったためで理解できる. 一方,iPadで見るとこのレイアウトはかなり悪くない.エントリがタイル表示で選択できてそれなりに格好いい.PCではほとんどの人がブラウザの機能で消しているであろう広告欄ともうまくまっちしていて格好いい印象すらある. なんだかんだで個人用のブラウザはPCという時代はもう終わってタブレットや携帯の時代になったということではないだろうか.騙されたと思って皆もタブレットで見てみるといい.けっこういけてるから. 思った改善点としては, 「リスト表示」レイアウトを選択できるようにすべきニコニコの表示オプションで1 2 4とあるのが強制で3になっているようなもの.エントリの「1」列表示を選ばせて欲しい(できればそれをデフォルトに) 「人気」と「新着
Created: 2012-12-30 Modified: 2012-12-30 Written by Tatsuya Koyama 0. 最近の僕は何を考えるか この文書は平行世界における 21 歳の僕へ向けたメッセージだ。 この記事では 就職して3年も経つと、人生について色々考えるようになる。 このまま行って最終的に僕は何が作れるのかなーとか、 これから先何年も満員電車で往復する朝晩でいいのかなー、とかね。 まあでも実際は、どうなるか予測のつかない未来のことを考えるのより、 今現在つくりたいゲームのことを考えることの方が僕は好きだ。 そう、どうなるかなんて予測がつかないんだ。 僕はウェブの勉強をしようと思って敢えてゲーム会社を選ばず今の会社に就職したのに、 結局今はゲームをつくっている。 今はまだ、自分がゲームをやるのと作るのを好きだと信じて疑っていないけど、 これから先、ゲームより魅
体力を消耗する長い通勤時間を削減するため、家の庭先に1人用のオフィスを作ってしまおう、というアイデアから生まれたのが「OfficePOD」。電気、ヒーター、照明などを完備し、従来のオフィスよりもCO2の排出を63%も削減できるようになっており、環境にも企業にも優しい仕様で、大きさやデザインなどは用途に合わせて自由にカスタマイズすることも可能です。 OfficePOD® | Changing the way people work from home. Welcome to the future of home working. http://www.officepod.co.uk/ 家の庭先に設置された1人用オフィス「OfficePOD」 扉を開けるとこんな感じ。中には1人用のデスクとイスが置いてあります。部屋の環境は照明、保管スペース、電気、換気システム、ヒーターなど必要なものをチョイス
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか? その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:fixedを使った際にこうなっちゃう事が多いと思います。 上部から出てきたメッセージ欄、横にはみ出てますね。 でも指定はちゃんとwidth:100%です。「幅いっぱい」を指定しているのに、どうしてはみ出てしまったんでしょうか。 「幅」が意味するところ 実はCSSの仕様が定めるところの「幅」というのが、我々が視覚的に認知している「幅」と異なっているのが原因です。 CSSではこんなものを定めています。
具体的にどういうものか?結論から先に言うと、こういう感じのやつです。 Carpet python by rikuo is licensed under a Creative Commons Attribution 3.0 Unported License. Based on a work at http://www.flickr.com/photos/brisbanecitycouncil/5278832161/. 来年、2013年の干支は巳年ということでヘビを描いてみました。後段でも説明しますが、クリエイティブコモンズライセンスの「表示」でこのヘビのイラストは公開しているので、自由に使えます。 着想の経緯や元の写真の説明など 先行する元ネタ オライリー(O'Reilly Media)社の技術書と言えば、エンジニアにとっていつもお世話になっている存在ですね。また表紙に動物の木版画を使ってい
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい!」「抱いて!」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか?」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く