ゲーミングデバイス比較サイト『EloShapes』マウスの3Dモデル表示に対応

情報元 https://www.negitaku.org/news/n-27625

ゲーミングマウスやマウスパッドの形状やサイズを比較できるサイト『EloShapes』が、マウスの3Dモデル表示に対応しました。

公式発表

3D models are finally available on EloShapes!
This has been the most requested feature since launch, but due to time and resource limitations, I was unable to add it for a long time. That has changed. Last month, I left my full-time job to work on EloShapes instead. Since then,… pic.twitter.com/9RKeX9R4cf
— EloShapes.com (@EloShapes) April 28, 2026

EloShapesでついに3Dモデルを利用可能になりました！

これはサイト開設以来、最もリクエストの多い機能でしたが、時間やリソースの制約から長らく対応ができていませんでした。しかし、その状況が変わりました。

先月、私はフルタイムの仕事を辞めて、EloShapesに専念しました。それ以来、使える時間のすべてをサイトの改善に注ぎ込んでいます。さらに、高品質な3Dスキャナーを購入し、多くのマウスを集め、EloShapesに3D比較機能を追加することができました。

すべてのマウスに3Dモデルを用意できている状況ではありませんが、様々なブランドの協力により、製品や公式の3Dモデルを提供していただいており、多くのマウスに対応できるよう努めています。

多くのマウスをスキャン済みですが、所有しているマウスの中にもスキャンできていないものもまだまだ残っています。今後、さらに多くのマウスが届く予定のため、3Dモデルに対応するマウスは今後数ヶ月で急激に増えていくことでしょう。

EloShapesをスタートした当初は、200種類のマウスしかありませんでした。いまでは約1,500種類ほどとなり、さらに増えていく予定です。これまで以上に努力し、より多くのマウスのアウトラインに加えて、可能な限り3Dモデルも追加していきます。かなりの時間がかかりますが、今後何年にもわたって取り組みを続けていきます。

EloShapesを応援していただいているみなさん、本当にありがとうございます。ここまでサイトを継続できるとは思っていませんでしたが、EloShapesに完全に専念できる状態になりましたので、今後もペースを落とさず更新を続けていきます。

EloShapesの新しい3Dモデル機能をぜひお楽しみください！

3Dモデル比較機能

3Dモデルが登録されているマウスは、3Dモデルを回転させながら形状を比較することができます。

マウスを裏返せば、センサーの位置を確認することもできます。

また、3Dモデルを重ねることでの形状比較も可能となっています。

参考リンク

Razer Viper V4 Pro vs Logitech G Pro X2 Superstrike vs Hitscan Hyperlight – Mouse Comparison – EloShapes

『FindMyMouse』3Dモデルでゲーミングマウスを比較できるサイトが正式公開

www.negitaku.org

/* PC用共通スタイル */
#embed-card-263845 { margin: 1.5rem 0; width: 100%; }
#embed-card-263845 .embed-card { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.05); color: #e5e5e5; display: flex; width: 100%; }
#embed-card-263845 .embed-card__link { display: flex !important; text-decoration: none !important; color: inherit; width: 100%; flex-direction: row !important; margin: 0 !important; padding: 0 !important; }
#embed-card-263845 .embed-card__thumbnail { position: relative; width: 30%; aspect-ratio: 16/9; background: #2a2a2a; overflow: hidden; flex-shrink: 0; font-size: 0; line-height: 0; margin: 0 !important; padding: 0 !important; }
#embed-card-263845 .embed-card__thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; margin: 0 !important; padding: 0 !important; border: none !important; }
#embed-card-263845 .embed-card__content { width: 70%; padding: 16px; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, 0.05); flex-shrink: 0; margin: 0 !important; }
#embed-card-263845 .embed-card__label { position: absolute; top: 8px; left: 8px; background: #404040; color: #fff; font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 4px; z-index: 2; line-height: 1; margin: 0 !important; }
#embed-card-263845 .embed-card__title { font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px !important; color: #fff; padding: 0 !important; }
#embed-card-263845 .embed-card__domain { font-size: 12px; color: #808080; margin: 0 !important; line-height: 1; padding: 0 !important; }

/* wpautopで生成される余分なpタグを消す */
#embed-card-263845 p { margin: 0 !important; padding: 0 !important; }
#embed-card-263845 .embed-card p { margin: 0 !important; padding: 0 !important; }
#embed-card-263845 .embed-card__link p { margin: 0 !important; padding: 0 !important; }
#embed-card-263845 .embed-card__thumbnail p { margin: 0 !important; padding: 0 !important; }
#embed-card-263845 .embed-card__content p { margin: 0 !important; padding: 0 !important; }

/* モバイル専用スタイル – 別スタイルタグにして確実に後から読み込まれるようにする */
@media only screen and (max-width: 640px) {
#embed-card-263845.embed-card-wrapper .embed-card {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__link {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
align-items: stretch !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__thumbnail {
width: 35% !important;
min-width: 35% !important;
flex-shrink: 0 !important;
height: auto !important;
position: relative !important;
overflow: hidden !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__thumbnail::before {
content: “” !important;
display: block !important;
padding-top: 100% !important; /* 1:1比率のボックスを作成 */
}
#embed-card-263845.embed-card-wrapper .embed-card__thumbnail img {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: auto !important;
height: 100% !important;
min-width: 100% !important;
max-width: none !important;
object-fit: cover !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__content {
width: 65% !important;
min-width: 65% !important;
padding: 12px !important;
flex-shrink: 0 !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__title {
font-size: 15px !important;
margin-bottom: 3px !important;
line-height: 1.3 !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__domain {
font-size: 9px !important;
}
#embed-card-263845.embed-card-wrapper .embed-card__label {
font-size: 12px !important;
padding: 4px 8px !important;
top: 6px !important;
left: 6px !important;
font-weight: 500 !important;
}
}